{"version":3,"file":"thank-you-CDD1gPHi.js","sources":["../../../app/javascript/components/builder/components/thank-you/thank-you.vue"],"sourcesContent":["<template>\n  <div :class=\"rootClasses\" :style=\"rootStyles\">\n    <div class=\"formester__thankYou\" :style=\"thankYouStyles\">\n      <div\n        v-if=\"item.showImage\"\n        class=\"image-wrapper\"\n        :style=\"imageWrapperStyles\"\n      >\n        <img\n          v-if=\"item.image.preview.image\"\n          :style=\"imageStyles\"\n          draggable=\"false\"\n          :src=\"item.image.preview.image\"\n          :alt=\"`Image for ${item.image.preview.name}`\"\n        />\n        <i v-else-if=\"editing\" class=\"fa-regular fa-image placeholder-image\" />\n      </div>\n      <h1\n        class=\"formester__heading\"\n        :style=\"thankYouHeadingStyles\"\n        v-html=\"label\"\n      ></h1>\n      <SmartText\n        :active=\"active\"\n        :editing=\"editing\"\n        :item=\"item\"\n        :style=\"thankYouDescription\"\n        :text=\"description\"\n        class=\"formester__subheading\"\n      />\n\n      <SocialShare\n        v-if=\"item.showSocialShareIcons\"\n        class=\"social-media\"\n        :survey-form-url=\"surveyFormUrl\"\n      />\n\n      <a\n        :href=\"item.button.actionUrl\"\n        :target=\"item.button.openInNewTab ? '_blank' : '_top'\"\n      >\n        <button\n          v-if=\"item.showActionButton\"\n          type=\"submit\"\n          class=\"default-style\"\n          :style=\"actionButtonStyles\"\n          @click.prevent=\"handleClick\"\n        >\n          {{ item.button.label }}\n        </button>\n      </a>\n\n      <p v-if=\"paymentId\" class=\"mt-5\"><b>Payment ID:</b> {{ paymentId }}</p>\n\n      <p v-if=\"isRedirectAllowed\" class=\"mt-4\">\n        Redirecting to\n        <a :href=\"getEncodedRedirectionUrl\">\n          {{ getEncodedRedirectionUrl }}\n        </a>\n        in {{ seconds }} seconds.\n      </p>\n    </div>\n  </div>\n</template>\n\n<script>\nimport commonStyles from \"../mixins/commonStyles\";\nimport SmartText from \"../shared/smart-text.vue\";\nimport sharedActions from \"../mixins/sharedActions\";\nimport SocialShare from \"@/components/builder/publish/social-share.vue\";\n\nexport default {\n  name: \"ThankYou\",\n  components: {\n    SmartText,\n    SocialShare,\n  },\n  mixins: [commonStyles, sharedActions],\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n    required: {\n      type: Boolean,\n      default: false,\n    },\n    editing: {\n      type: Boolean,\n      default: false,\n    },\n    active: {\n      type: Boolean,\n      default: false,\n    },\n    styling: {\n      type: Object,\n      required: true,\n    },\n    uuid: {\n      type: String,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      seconds: null,\n      paymentId: null,\n    };\n  },\n  computed: {\n    surveyFormUrl() {\n      return `https://app.formester.com/f/${this.uuid}`;\n    },\n    thankYouStyles() {\n      let alignment = this.itemStyling.alignment;\n      return {\n        display: \"flex\",\n        \"flex-direction\": \"column\",\n        \"align-items\":\n          alignment === \"center\"\n            ? \"center\"\n            : alignment === \"left\"\n              ? \"flex-start\"\n              : \"flex-end\",\n        \"text-align\": alignment,\n      };\n    },\n    thankYouHeadingStyles() {\n      return {\n        // default styles\n        \"overflow-wrap\": \"break-word\",\n        // custom styles\n        color: this.item.overrideTextColor\n          ? this.itemStyling.color\n          : this.styling.fontColor || \"#575757\",\n        \"font-size\": `${this.itemStyling.labelFontSize}px` || \"32px\",\n        \"font-family\": this.styling.fontFamily || \"sans-serif\",\n        \"font-weight\": this.itemStyling.labelBold ? \"bold\" : \"normal\",\n        \"font-style\": this.itemStyling.labelItalic ? \"italic\" : \"normal\",\n        \"line-height\": \"150%\",\n      };\n    },\n    thankYouDescription() {\n      return {\n        // default styles\n        \"overflow-wrap\": \"break-word\",\n        // custom styles\n        color: this.item.overrideTextColor\n          ? this.itemStyling.color\n          : this.styling.fontColor || \"#575757\",\n        \"font-size\": `${this.itemStyling.descriptionFontSize}px` || \"16px\",\n        \"font-weight\": this.itemStyling.descriptionBold ? \"bold\" : \"normal\",\n        \"font-style\": this.itemStyling.descriptionItalic ? \"italic\" : \"normal\",\n        \"font-family\": this.styling.fontFamily || \"sans-serif\",\n        \"margin-top\": `${this.itemStyling.descriptionMarginTop}px` || \"8px\",\n        \"margin-Bottom\":\n          `${this.itemStyling.descriptionMarginBottom}px` || \"8px\",\n        \"line-height\": \"150%\",\n      };\n    },\n    imageStyles() {\n      return {\n        \"object-fit\": \"scale-down\",\n        \"max-width\": \"100%\",\n        width: \"fit-content\",\n        background: this.item.image.imgBgColor || \"#00000000\",\n        padding: \"5px 0px\",\n        \"border-radius\": \"2px\",\n        height: `${this.item.image.imgSize || 100}px`,\n      };\n    },\n    imageWrapperStyles() {\n      let alignment = this.itemStyling.alignment;\n      return {\n        \"justify-content\":\n          alignment === \"center\"\n            ? \"center\"\n            : alignment === \"left\"\n              ? \"flex-start\"\n              : \"flex-end\",\n      };\n    },\n    actionButtonStyles() {\n      return {\n        \"background-color\": this.item.button.overrideColor\n          ? this.itemStyling.btnColor\n          : this.styling.buttonColor || \"#00A3FF\",\n        \"border-color\": this.item.button.overrideColor\n          ? this.itemStyling.btnColor\n          : this.styling.buttonColor || \"#00A3FF\",\n        color: this.item.button.overrideColor\n          ? this.itemStyling.btnTextColor\n          : this.styling.buttonTextColor || \"white\",\n        \"font-family\": this.styling.fontFamily || \"sans-serif\",\n        width: this.itemStyling.btnWidth\n          ? `${this.itemStyling.btnWidth}px`\n          : \"fit-content\",\n        height: this.itemStyling.btnHeight\n          ? `${this.itemStyling.btnHeight}px`\n          : \"fit-content\",\n        \"font-weight\": 700,\n      };\n    },\n    isRedirectAllowed() {\n      return !this.editing && this.item.redirect && this.item.redirectionUrl;\n    },\n    getEncodedRedirectionUrl() {\n      const url = this.replaceTagWithAnswer(this.item.redirectionUrl);\n      return encodeURI(url).replace(/\\+/g, \"%2B\");\n    },\n  },\n  mounted() {\n    if (this.isRedirectAllowed) {\n      this.redirect();\n    }\n\n    const query = new URLSearchParams(window.location.search);\n    if (query.has(\"payment_id\")) {\n      this.paymentId = query.get(\"payment_id\");\n    }\n  },\n  methods: {\n    handleShare(url) {\n      window.open(url, \"_blank\");\n    },\n    handleClick() {\n      // If the current window is inside an iframe\n      if (window !== window.parent) {\n        window.parent.location.href = this.item.button.actionUrl;\n        return;\n      }\n      window.location = this.item.button.actionUrl;\n    },\n    redirect() {\n      const url = this.getEncodedRedirectionUrl;\n      this.seconds = this.item.redirectionDelay;\n\n      if (this.seconds == 0) {\n        window.parent.location.href = url;\n      } else {\n        const interval = setInterval(() => {\n          this.seconds--;\n          if (this.seconds == 0) {\n            clearInterval(interval);\n            window.parent.location.href = url;\n          }\n        }, 1000);\n      }\n    },\n  },\n};\n</script>\n\n<style scoped>\n.image-wrapper {\n  width: 100%;\n  display: flex;\n}\n.placeholder-image {\n  font-size: 75px;\n  opacity: 0.3;\n}\n.social-media {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 20px;\n  margin: 12px 0 24px;\n}\n\n.formester__thankYou a {\n  text-decoration: none;\n}\n.default-style {\n  font-size: 16px;\n  border-radius: 3px;\n  border: 1px solid;\n  padding: 6px 17px;\n  outline: none;\n  cursor: pointer;\n  font-family: \"sans-serif\";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-weight: 600;\n}\n.default-style:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.default-style:focus {\n  border-color: var(--btn-focus-color);\n  box-shadow: 0 0 0 0.2rem var(--btn-focus-color);\n}\n.default-style:active {\n  outline: none;\n  box-shadow: none;\n}\n</style>\n"],"names":["_sfc_main","SmartText","SocialShare","commonStyles","sharedActions","alignment","url","query","interval","_hoisted_1","_hoisted_3","_hoisted_4","_hoisted_7","_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","_createElementVNode","$options","$props","_openBlock","_hoisted_2","_createCommentVNode","_createVNode","_component_SmartText","_createBlock","_component_SocialShare","_cache","_withModifiers","args","$data","_hoisted_5","_createTextVNode","_hoisted_6","_toDisplayString"],"mappings":"uvBAuEA,MAAKA,EAAU,CACb,KAAM,WACN,WAAY,CACV,UAAAC,EACA,YAAAC,CACD,EACD,OAAQ,CAACC,EAAcC,CAAa,EACpC,MAAO,CACL,KAAM,CACJ,KAAM,OACN,SAAU,EACX,EACD,SAAU,CACR,KAAM,QACN,QAAS,EACV,EACD,QAAS,CACP,KAAM,QACN,QAAS,EACV,EACD,OAAQ,CACN,KAAM,QACN,QAAS,EACV,EACD,QAAS,CACP,KAAM,OACN,SAAU,EACX,EACD,KAAM,CACJ,KAAM,OACN,SAAU,EACX,CACF,EACD,MAAO,CACL,MAAO,CACL,QAAS,KACT,UAAW,KAEd,EACD,SAAU,CACR,eAAgB,CACd,MAAO,+BAA+B,KAAK,IAAI,EAChD,EACD,gBAAiB,CACf,IAAIC,EAAY,KAAK,YAAY,UACjC,MAAO,CACL,QAAS,OACT,iBAAkB,SAClB,cACEA,IAAc,SACV,SACAA,IAAc,OACZ,aACA,WACR,aAAcA,EAEjB,EACD,uBAAwB,CACtB,MAAO,CAEL,gBAAiB,aAEjB,MAAO,KAAK,KAAK,kBACb,KAAK,YAAY,MACjB,KAAK,QAAQ,WAAa,UAC9B,YAAa,GAAG,KAAK,YAAY,aAAa,MAAQ,OACtD,cAAe,KAAK,QAAQ,YAAc,aAC1C,cAAe,KAAK,YAAY,UAAY,OAAS,SACrD,aAAc,KAAK,YAAY,YAAc,SAAW,SACxD,cAAe,OAElB,EACD,qBAAsB,CACpB,MAAO,CAEL,gBAAiB,aAEjB,MAAO,KAAK,KAAK,kBACb,KAAK,YAAY,MACjB,KAAK,QAAQ,WAAa,UAC9B,YAAa,GAAG,KAAK,YAAY,mBAAmB,MAAQ,OAC5D,cAAe,KAAK,YAAY,gBAAkB,OAAS,SAC3D,aAAc,KAAK,YAAY,kBAAoB,SAAW,SAC9D,cAAe,KAAK,QAAQ,YAAc,aAC1C,aAAc,GAAG,KAAK,YAAY,oBAAoB,MAAQ,MAC9D,gBACE,GAAG,KAAK,YAAY,uBAAuB,MAAQ,MACrD,cAAe,OAElB,EACD,aAAc,CACZ,MAAO,CACL,aAAc,aACd,YAAa,OACb,MAAO,cACP,WAAY,KAAK,KAAK,MAAM,YAAc,YAC1C,QAAS,UACT,gBAAiB,MACjB,OAAQ,GAAG,KAAK,KAAK,MAAM,SAAW,GAAG,KAE5C,EACD,oBAAqB,CACnB,IAAIA,EAAY,KAAK,YAAY,UACjC,MAAO,CACL,kBACEA,IAAc,SACV,SACAA,IAAc,OACZ,aACA,WAEX,EACD,oBAAqB,CACnB,MAAO,CACL,mBAAoB,KAAK,KAAK,OAAO,cACjC,KAAK,YAAY,SACjB,KAAK,QAAQ,aAAe,UAChC,eAAgB,KAAK,KAAK,OAAO,cAC7B,KAAK,YAAY,SACjB,KAAK,QAAQ,aAAe,UAChC,MAAO,KAAK,KAAK,OAAO,cACpB,KAAK,YAAY,aACjB,KAAK,QAAQ,iBAAmB,QACpC,cAAe,KAAK,QAAQ,YAAc,aAC1C,MAAO,KAAK,YAAY,SACpB,GAAG,KAAK,YAAY,QAAQ,KAC5B,cACJ,OAAQ,KAAK,YAAY,UACrB,GAAG,KAAK,YAAY,SAAS,KAC7B,cACJ,cAAe,IAElB,EACD,mBAAoB,CAClB,MAAO,CAAC,KAAK,SAAW,KAAK,KAAK,UAAY,KAAK,KAAK,cACzD,EACD,0BAA2B,CACzB,MAAMC,EAAM,KAAK,qBAAqB,KAAK,KAAK,cAAc,EAC9D,OAAO,UAAUA,CAAG,EAAE,QAAQ,MAAO,KAAK,CAC3C,CACF,EACD,SAAU,CACJ,KAAK,mBACP,KAAK,SAAQ,EAGf,MAAMC,EAAQ,IAAI,gBAAgB,OAAO,SAAS,MAAM,EACpDA,EAAM,IAAI,YAAY,IACxB,KAAK,UAAYA,EAAM,IAAI,YAAY,EAE1C,EACD,QAAS,CACP,YAAYD,EAAK,CACf,OAAO,KAAKA,EAAK,QAAQ,CAC1B,EACD,aAAc,CAEZ,GAAI,SAAW,OAAO,OAAQ,CAC5B,OAAO,OAAO,SAAS,KAAO,KAAK,KAAK,OAAO,UAC/C,MACF,CACA,OAAO,SAAW,KAAK,KAAK,OAAO,SACpC,EACD,UAAW,CACT,MAAMA,EAAM,KAAK,yBAGjB,GAFA,KAAK,QAAU,KAAK,KAAK,iBAErB,KAAK,SAAW,EAClB,OAAO,OAAO,SAAS,KAAOA,MACzB,CACL,MAAME,EAAW,YAAY,IAAM,CACjC,KAAK,UACD,KAAK,SAAW,IAClB,cAAcA,CAAQ,EACtB,OAAO,OAAO,SAAS,KAAOF,EAEjC,EAAE,GAAI,CACT,CACD,CACF,CACH,EA3PAG,EAAA,CAAA,MAAA,KAAA,KAAA,IAAA,EAe+B,MAAM,yCAfrCC,EAAA,CAAA,WAAA,EAAAC,EAAA,CAAA,OAAA,QAAA,KAAA,IAAA,EAoD0B,MAAM,WApDhC,IAAA,EAsDkC,MAAM,QAtDxCC,EAAA,CAAA,MAAA,+EACEC,EA6DM,MAAA,CA7DA,MADRC,EACeC,EAAW,WAAA,EAAG,MAD7BC,EACoCD,EAAU,UAAA,IAC1CE,EA2DM,MAAA,CA3DD,MAAM,sBAAuB,MAFtCD,EAE6CE,EAAc,cAAA,IAE7CC,EAAA,KAAK,eADbN,EAaM,MAAA,CAhBZ,IAAA,EAKQ,MAAM,gBACL,MANTG,EAMgBE,EAAkB,kBAAA,IAGlBC,EAAA,KAAK,MAAM,QAAQ,WAD3BN,EAME,MAAA,CAdV,IAAA,EAUW,MAVXG,EAUkBE,EAAW,WAAA,EACnB,UAAU,QACT,IAAKC,EAAI,KAAC,MAAM,QAAQ,MACxB,iBAAkBA,EAAI,KAAC,MAAM,QAAQ,IAAI,EAbpD,EAAA,KAAA,GAAAV,CAAA,GAesBU,EAAO,SAArBC,IAAAP,EAAuE,IAAvEQ,CAAuE,GAf/EC,EAAA,GAAA,EAAA,OAAAA,EAAA,GAAA,EAAA,EAiBML,EAIM,KAAA,CAHJ,MAAM,qBACL,MAnBTD,EAmBgBE,EAAqB,qBAAA,EAC7B,UAAQH,EAAK,KApBrB,EAAA,KAAA,GAAAL,CAAA,EAsBMa,EAOEC,EAAA,CANC,OAAQL,EAAM,OACd,QAASA,EAAO,QAChB,KAAMA,EAAI,KACV,MA1BTH,EA0BgBE,EAAmB,mBAAA,EAC1B,KAAMH,EAAW,YAClB,MAAM,4EAIAI,EAAA,KAAK,0BADbM,EAIEC,EAAA,CAnCR,IAAA,EAiCQ,MAAM,eACL,kBAAiBR,EAAa,4CAlCvCI,EAAA,GAAA,EAAA,EAqCML,EAaI,IAAA,CAZD,KAAME,EAAA,KAAK,OAAO,UAClB,OAAQA,EAAA,KAAK,OAAO,aAAY,SAAA,SAGzBA,EAAA,KAAK,sBADbN,EAQS,SAAA,CAjDjB,IAAA,EA2CU,KAAK,SACL,MAAM,gBACL,MA7CXG,EA6CkBE,EAAkB,kBAAA,EACzB,QAAKS,EAAA,CAAA,IAAAA,EAAA,CAAA,EA9ChBC,UA8C0BV,EAAW,aAAAA,EAAA,YAAA,GAAAW,CAAA,EAAA,CAAA,SAAA,CAAA,MAExBV,EAAI,KAAC,OAAO,KAAK,EAAA,CAAA,GAhD9BG,EAAA,GAAA,EAAA,CAAA,EAAA,EAAAX,CAAA,EAoDemB,EAAS,WAAlBV,IAAAP,EAAuE,IAAvEkB,EAAuE,CAAtCJ,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAV,EAAkB,SAAf,cAAW,EAAA,GApDrDe,EAoDyD,MAAIF,EAAS,SAAA,EAAA,CAAA,KApDtER,EAAA,GAAA,EAAA,EAsDeJ,EAAiB,mBAA1BE,IAAAP,EAMI,IANJoB,EAMI,CA5DVN,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAK,EAsD+C,kBAEvC,GAAAf,EAEI,KAFA,KAAMC,EAAwB,wBAAA,EAAAgB,EAC7BhB,0BAAwB,EAzDrC,EAAAN,CAAA,EAAAoB,EA0DY,OACDE,EAAGJ,EAAO,OAAA,EAAG,aAClB,CAAA,KA5DNR,EAAA,GAAA,EAAA"}