{"version":3,"file":"social-share-B62dgcJk.js","sources":["../../../app/javascript/components/builder/publish/icons/embed-icon.vue","../../../app/javascript/components/builder/publish/icons/notification-icon.vue","../../../app/javascript/components/builder/publish/icons/open-link-icon.vue","../../../app/javascript/components/builder/publish/icons/submission-window-icon.vue","../../../app/javascript/components/builder/publish/social-share-icon.vue","../../../app/javascript/components/builder/publish/social-share.vue"],"sourcesContent":["<template>\n  <svg\n    width=\"47\"\n    height=\"47\"\n    viewBox=\"0 0 47 47\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g filter=\"url(#filter0_d_1911_34952)\">\n      <rect x=\"2\" y=\"1\" width=\"43\" height=\"43\" rx=\"2.6875\" fill=\"#F7F3FF\" />\n      <path\n        d=\"M27.6992 26.6992L31.8984 22.5L27.6992 18.3008M19.3008 18.3008L15.1016 22.5L19.3008 26.6992M25.1797 14.9414L21.8203 30.0586\"\n        stroke=\"#6434D0\"\n        stroke-width=\"1.47812\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </g>\n    <defs>\n      <filter\n        id=\"filter0_d_1911_34952\"\n        x=\"0.65625\"\n        y=\"0.328125\"\n        width=\"45.6875\"\n        height=\"45.6875\"\n        filterUnits=\"userSpaceOnUse\"\n        color-interpolation-filters=\"sRGB\"\n      >\n        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n        <feColorMatrix\n          in=\"SourceAlpha\"\n          type=\"matrix\"\n          values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n          result=\"hardAlpha\"\n        />\n        <feOffset dy=\"0.671875\" />\n        <feGaussianBlur stdDeviation=\"0.671875\" />\n        <feColorMatrix\n          type=\"matrix\"\n          values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\"\n        />\n        <feBlend\n          mode=\"normal\"\n          in2=\"BackgroundImageFix\"\n          result=\"effect1_dropShadow_1911_34952\"\n        />\n        <feBlend\n          mode=\"normal\"\n          in=\"SourceGraphic\"\n          in2=\"effect1_dropShadow_1911_34952\"\n          result=\"shape\"\n        />\n      </filter>\n    </defs>\n  </svg>\n</template>\n","<template>\n  <svg\n    width=\"47\"\n    height=\"47\"\n    viewBox=\"0 0 47 47\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g filter=\"url(#filter0_d_1911_34942)\">\n      <rect x=\"2\" y=\"1\" width=\"43\" height=\"43\" rx=\"2.6875\" fill=\"#F7F3FF\" />\n      <path\n        d=\"M26.0202 28.3789C26.0202 29.7704 24.8922 30.8984 23.5007 30.8984C22.1092 30.8984 20.9811 29.7704 20.9811 28.3789M25.0095 17.6613C25.3752 17.2834 25.6003 16.7686 25.6003 16.2012C25.6003 15.0416 24.6603 14.1016 23.5007 14.1016C22.3411 14.1016 21.4011 15.0416 21.4011 16.2012C21.4011 16.7686 21.6261 17.2834 21.9919 17.6613M28.5397 21.8281C28.5397 20.6699 28.0088 19.5591 27.0638 18.7401C26.1188 17.9211 24.8371 17.4609 23.5007 17.4609C22.1642 17.4609 20.8825 17.9211 19.9375 18.7401C18.9925 19.5591 18.4616 20.6699 18.4616 21.8281C18.4616 23.7445 17.9864 25.146 17.3934 26.1489C16.7175 27.2918 16.3796 27.8633 16.393 27.9998C16.4082 28.156 16.4363 28.2053 16.563 28.2979C16.6737 28.3789 17.23 28.3789 18.3425 28.3789H28.6588C29.7714 28.3789 30.3276 28.3789 30.4383 28.2979C30.565 28.2053 30.5931 28.156 30.6084 27.9998C30.6217 27.8633 30.2838 27.2918 29.608 26.1489C29.015 25.146 28.5397 23.7445 28.5397 21.8281Z\"\n        stroke=\"#6434D0\"\n        stroke-width=\"1.47812\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </g>\n    <defs>\n      <filter\n        id=\"filter0_d_1911_34942\"\n        x=\"0.65625\"\n        y=\"0.328125\"\n        width=\"45.6875\"\n        height=\"45.6875\"\n        filterUnits=\"userSpaceOnUse\"\n        color-interpolation-filters=\"sRGB\"\n      >\n        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n        <feColorMatrix\n          in=\"SourceAlpha\"\n          type=\"matrix\"\n          values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n          result=\"hardAlpha\"\n        />\n        <feOffset dy=\"0.671875\" />\n        <feGaussianBlur stdDeviation=\"0.671875\" />\n        <feColorMatrix\n          type=\"matrix\"\n          values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\"\n        />\n        <feBlend\n          mode=\"normal\"\n          in2=\"BackgroundImageFix\"\n          result=\"effect1_dropShadow_1911_34942\"\n        />\n        <feBlend\n          mode=\"normal\"\n          in=\"SourceGraphic\"\n          in2=\"effect1_dropShadow_1911_34942\"\n          result=\"shape\"\n        />\n      </filter>\n    </defs>\n  </svg>\n</template>\n","<template>\n  <svg\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M17.5 7.5L17.5 2.5M17.5 2.5H12.5M17.5 2.5L10.8333 9.16667M8.33333 4.16667H6.5C5.09987 4.16667 4.3998 4.16667 3.86502 4.43915C3.39462 4.67883 3.01217 5.06129 2.77248 5.53169C2.5 6.06647 2.5 6.76654 2.5 8.16667V13.5C2.5 14.9001 2.5 15.6002 2.77248 16.135C3.01217 16.6054 3.39462 16.9878 3.86502 17.2275C4.3998 17.5 5.09987 17.5 6.5 17.5H11.8333C13.2335 17.5 13.9335 17.5 14.4683 17.2275C14.9387 16.9878 15.3212 16.6054 15.5608 16.135C15.8333 15.6002 15.8333 14.9001 15.8333 13.5V11.6667\"\n      stroke=\"#475467\"\n      stroke-width=\"1.66667\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n</template>\n","<template>\n  <svg\n    width=\"47\"\n    height=\"47\"\n    viewBox=\"0 0 47 47\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g filter=\"url(#filter0_d_2547_55764)\">\n      <rect\n        x=\"2\"\n        y=\"1.49805\"\n        width=\"43.0037\"\n        height=\"43.0037\"\n        rx=\"2.6875\"\n        fill=\"#F7F3FF\"\n      />\n      <path\n        d=\"M31.0653 21.3196H15.9453M26.8653 14.5996V17.9596M20.1453 14.5996V17.9596M22.2453 24.6796L23.5053 23.8396V28.0396M22.4553 28.0396H24.5553M19.9773 31.3996H27.0333C28.4447 31.3996 29.1503 31.3996 29.6894 31.1249C30.1636 30.8833 30.549 30.4979 30.7906 30.0237C31.0653 29.4846 31.0653 28.779 31.0653 27.3676V20.3116C31.0653 18.9003 31.0653 18.1946 30.7906 17.6556C30.549 17.1814 30.1636 16.7959 29.6894 16.5543C29.1503 16.2796 28.4447 16.2796 27.0333 16.2796H19.9773C18.566 16.2796 17.8603 16.2796 17.3213 16.5543C16.8471 16.7959 16.4616 17.1814 16.22 17.6556C15.9453 18.1946 15.9453 18.9003 15.9453 20.3116V27.3676C15.9453 28.779 15.9453 29.4846 16.22 30.0237C16.4616 30.4979 16.8471 30.8833 17.3213 31.1249C17.8603 31.3996 18.566 31.3996 19.9773 31.3996Z\"\n        stroke=\"#6434D0\"\n        stroke-width=\"1.48\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </g>\n    <defs>\n      <filter\n        id=\"filter0_d_2547_55764\"\n        x=\"0.65625\"\n        y=\"0.826172\"\n        width=\"45.6875\"\n        height=\"45.6914\"\n        filterUnits=\"userSpaceOnUse\"\n        color-interpolation-filters=\"sRGB\"\n      >\n        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n        <feColorMatrix\n          in=\"SourceAlpha\"\n          type=\"matrix\"\n          values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n          result=\"hardAlpha\"\n        />\n        <feOffset dy=\"0.671875\" />\n        <feGaussianBlur stdDeviation=\"0.671875\" />\n        <feColorMatrix\n          type=\"matrix\"\n          values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0\"\n        />\n        <feBlend\n          mode=\"normal\"\n          in2=\"BackgroundImageFix\"\n          result=\"effect1_dropShadow_2547_55764\"\n        />\n        <feBlend\n          mode=\"normal\"\n          in=\"SourceGraphic\"\n          in2=\"effect1_dropShadow_2547_55764\"\n          result=\"shape\"\n        />\n      </filter>\n    </defs>\n  </svg>\n</template>\n","<template>\n  <component :is=\"socialIcon\" :color=\"socialIconColor\" />\n</template>\n\n<script setup>\nimport { computed } from \"vue\";\n\nconst props = defineProps({\n  icon: {\n    type: String,\n    required: true,\n  },\n  hovered: {\n    type: Boolean,\n    required: true,\n  },\n  hoverColor: {\n    type: String,\n    default: \"#98A2B3\",\n  },\n});\n\nconst socialIconColor = computed(() =>\n  props.hovered ? props.hoverColor : \"#98A2B3\",\n);\n\nconst modules = import.meta.glob(\"./icons/*.vue\", { eager: true });\n\nconst styleIconPath = computed(() => `./icons/${props.icon}-icon.vue`);\n\nconst socialIcon = computed(() => modules[styleIconPath.value]?.default);\n</script>\n\n<style scoped></style>\n","<template>\n  <div class=\"social-sites\">\n    <SocialShareIcon\n      v-for=\"site in socialSites\"\n      :key=\"site.name\"\n      :icon=\"site.icon\"\n      :hovered=\"site.hovered\"\n      :hover-color=\"hoverColor\"\n      class=\"social-site\"\n      @click=\"handleShare(site.url)\"\n      @mouseover=\"site.hovered = true\"\n      @mouseleave=\"site.hovered = false\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\nimport SocialShareIcon from \"@/components/builder/publish/social-share-icon.vue\";\n\nconst props = defineProps({\n  surveyFormUrl: {\n    type: String,\n    required: true,\n  },\n  hoverColor: {\n    type: String,\n    default: \"#98A2B3\",\n  },\n});\n\nconst socialSites = ref([\n  {\n    name: \"Facebook\",\n    icon: \"facebook\",\n    url: `https://www.facebook.com/sharer/sharer.php?u=${props.surveyFormUrl}`,\n    hovered: false,\n  },\n  {\n    name: \"X\",\n    icon: \"twitter\",\n    url: `https://twitter.com/intent/tweet?url=${props.surveyFormUrl}`,\n    hovered: false,\n  },\n  {\n    name: \"Linkedin\",\n    icon: \"linkedin\",\n    url: `https://www.linkedin.com/sharing/share-offsite/?url=${props.surveyFormUrl}`,\n    hovered: false,\n  },\n  {\n    name: \"Email\",\n    icon: \"email\",\n    url: `mailto:?subject=I wanted you to see this form&amp;body=Check out this form ${props.surveyFormUrl}`,\n    hovered: false,\n  },\n]);\n\nconst handleShare = (url) => window.open(url, \"_blank\");\n</script>\n\n<style scoped>\n.social-sites {\n  display: flex;\n  align-items: center;\n  gap: 24px;\n}\n\n.social-site {\n  cursor: pointer;\n}\n</style>\n"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","props","__props","socialIconColor","computed","modules","styleIconPath","socialIcon","_a","socialSites","ref","handleShare","url"],"mappings":"i9CAEIA,EAAU,CACV,WACA,YACA,QAAW,YACX,gDALF,SAAAC,EAAAC,EAAAC,EAAA,CADF,OAAAC,EAAA,EAAAC,EAAA,MAAAL,EAAAG,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,o1GCEIH,EAAU,CACV,WACA,YACA,QAAW,YACX,gDALF,SAAAC,EAAAC,EAAAC,EAAA,CADF,OAAAC,EAAA,EAAAC,EAAA,MAAAL,EAAAG,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,ohECEIH,EAAU,CACV,WACA,YACA,QAAW,YACX,gDALF,SAAAC,EAAAC,EAAAC,EAAA,QAaIC,EAAA,EAAAC,EAAA,MAAAL,EAAAG,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CALAG,EAAwe,OAAA,CACxe,EAAA,ueACA,OAAA,UACA,eAAc,UACd,wMCXFN,EAAU,CACV,WACA,YACA,QAAW,YACX,gDALF,SAAAC,EAAAC,EAAAC,EAAA,CADF,OAAAC,EAAA,EAAAC,EAAA,MAAAL,EAAAG,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,ywGCOA,MAAMI,EAAQC,EAeRC,EAAkBC,EAAS,IAC/BH,EAAM,QAAUA,EAAM,WAAa,SACrC,EAEMI,2QAEAC,EAAgBF,EAAS,IAAM,WAAWH,EAAM,IAAI,WAAW,EAE/DM,EAAaH,EAAS,WAAM,OAAAI,EAAAH,EAAQC,EAAc,KAAK,IAA3B,YAAAE,EAA8B,QAAO,8NCVvE,MAAMP,EAAQC,EAWRO,EAAcC,EAAI,CACtB,CACE,KAAM,WACN,KAAM,WACN,IAAK,gDAAgDT,EAAM,aAAa,GACxE,QAAS,EACV,EACD,CACE,KAAM,IACN,KAAM,UACN,IAAK,wCAAwCA,EAAM,aAAa,GAChE,QAAS,EACV,EACD,CACE,KAAM,WACN,KAAM,WACN,IAAK,uDAAuDA,EAAM,aAAa,GAC/E,QAAS,EACV,EACD,CACE,KAAM,QACN,KAAM,QACN,IAAK,8EAA8EA,EAAM,aAAa,GACtG,QAAS,EACV,CACH,CAAC,EAEKU,EAAeC,GAAQ,OAAO,KAAKA,EAAK,QAAQ"}