{"version":3,"file":"share-options-BcrTVR2X.js","sources":["../src/lib/click-tracking.js","../src/webcomponents/share-options.js"],"sourcesContent":["/* global gtag */\r\n\r\nexport async function TrackClick(caller) {\r\n    TrackClickById(caller.id);\r\n}\r\nexport async function TrackClickById(id) {\r\n    if (typeof gtag != \"undefined\") {\r\n        gtag('event', 'click', {\r\n            'link_id': id\r\n        });\r\n    }\r\n}","import { UnshadowedElement, html } from \"../lib/unshadowed.js\";\r\nimport { SocialEmailLink, SocialFacebookLink } from \"../lib/social-links.js\";\r\nimport { TrackClick } from \"../lib/click-tracking.js\";\r\n\r\n/**\r\n * Buttons for share modal\r\n */\r\nexport class ShareOptions extends UnshadowedElement {\r\n    static elementName() { return \"share-options\" }\r\n\r\n    static properties = {\r\n        name: { type: String },\r\n        url: { type: String },\r\n        hideFlyer: { type: Boolean },\r\n        hideInvite: { type: Boolean },\r\n        itemType: { type: String },\r\n    };\r\n\r\n    constructor() {\r\n        super();\r\n        // Defaults\r\n        this.hideFlyer = false;\r\n        this.hideInvite = false;\r\n    }\r\n\r\n    /** Trigger the native share feature, if available */\r\n    async ShareNative() {\r\n        if (navigator.share) {\r\n            try {\r\n                await navigator.share({\r\n                    title: \"Meal Train for \" + this.name,\r\n                    text: \"Meal Train for \" + this.name + \"\\n\",\r\n                    url: window.CurrentTrain.Url,\r\n                });\r\n            } catch (err) {\r\n                console.log('Error sharing:', err);\r\n            }\r\n        } else {\r\n            console.log(\"Browser does not support native share\");\r\n        }\r\n    }\r\n\r\n    /** Copy the URL to the clipboard, and show a \"copied\" message */\r\n    async CopyToClipboard(e, url) {\r\n        await navigator.clipboard.writeText(url);\r\n        if (e && e.target) {\r\n            if (!e.target.classList.contains(\"copied\")) {\r\n                e.target.classList.add(\"copied\");\r\n                setTimeout(() => {\r\n                    e.target.classList.remove(\"copied\");\r\n                }, 3000);\r\n            }\r\n        }\r\n    }\r\n\r\n    render() {\r\n        const fullName = \"Meal Train for \" + this.name;\r\n        let flyerLink = null;\r\n        let invitationLink = null;\r\n        if (!this.hideFlyer) {\r\n            flyerLink = html`\r\n                <a id=\"btn-share-printflyer\" @click=${e => { TrackClick(e.currentTarget); }} href=\"${window.CurrentTrain.OpenUrl}/flyer\" target=\"_blank\" class=\"button button-clear button-rectangle\">\r\n                    <svg role=\"img\" width=\"30\" height=\"30\" aria-label=\"Print a flyer for this page\">\r\n                        <use xlink:href=\"#print-blue\" />\r\n                    </svg>\r\n                    Print Flyer\r\n                </a>`;\r\n        }\r\n        if (!this.hideInvite) {\r\n            invitationLink = html`\r\n                <div class=\"invitation-tool\">\r\n                    <h3 class=\"font:label-s space:stack:space-xs\">Add</h3>\r\n                    <p class=\"space:stack:space-s\">Import from past Meal Trains or add emails to the participant list.</p>\r\n                    <a id=\"btn-share-invitations\" @click=${e => { TrackClick(e.currentTarget); }} href=\"/trains/${window.CurrentTrain.Id}/invite/\" class=\"button button-condensed button-rectangle button-outline\"><svg role=\"img\" width=\"24\" height=\"24\" aria-label=\"Add\">                 \r\n                    <use xlink:href=\"#recipient-count-2\"></use></svg>Add\r\n                    </a>          \r\n                </div>`;\r\n        }\r\n        return html`\r\n            <div class=\"train-share-options\">\r\n                <a id=\"btn-share-facebook\" @click=${e => { TrackClick(e.currentTarget); }} href=\"${SocialFacebookLink(this.url)}\" target=\"_blank\" class=\"button button-clear button-rectangle\">\r\n                    <svg role=\"img\" width=\"24\" height=\"21\" aria-label=\"Share on Facebook\">\r\n                        <use xlink:href=\"#facebook-logo-color\" />\r\n                    </svg>\r\n                    <span>Share to Facebook</span>\r\n                </a>\r\n                <a id=\"btn-share-email\" @click=${e => { TrackClick(e.currentTarget); }} href=\"${SocialEmailLink(fullName, this.url)}\" target=\"_blank\" class=\"button button-clear button-rectangle\">\r\n                    <svg role=\"img\" width=\"30\" height=\"30\" aria-label=\"Email this page\">\r\n                        <use xlink:href=\"#envelope-blue-2\" />\r\n                    </svg>\r\n                    Email\r\n                </a>\r\n                <button id=\"btn-share-message\" @click=${e => { this.ShareNative(); TrackClick(e.currentTarget); }} class=\"native-share-visible hide-native-share-over-1000 button button-clear button-rectangle\">\r\n                    <svg role=\"img\" width=\"30\" height=\"30\" aria-label=\"Send this page as a message\">\r\n                        <use xlink:href=\"#message-blue-2\" />\r\n                    </svg>\r\n                    Message\r\n                </button>\r\n                ${flyerLink}\r\n                <button id=\"btn-share-moreoptions\" @click=${e => { this.ShareNative(); TrackClick(e.currentTarget); }} class=\"native-share-visible hide-native-share-over-1000 button button-clear button-rectangle\">\r\n                    <svg class=\"hide-platform-android\" role=\"img\" width=\"30\" height=\"30\" aria-label=\"Share with your OS\">\r\n                        <use xlink:href=\"#share-options-ios-blue\" />\r\n                    </svg>\r\n                    <svg class=\"show-platform-android\" role=\"img\" width=\"30\" height=\"30\" aria-label=\"Share with your OS\">\r\n                        <use xlink:href=\"#share-options-android-blue\" />\r\n                    </svg>\r\n                    Other:\r\n                    <svg class=\"share-social-icon\" role=\"img\" width=\"30\" height=\"30\" aria-label=\"Share on Instagram\">\r\n                        <use xlink:href=\"#instagram\" />\r\n                    </svg>\r\n                    <svg class=\"share-social-icon\" role=\"img\" width=\"30\" height=\"30\" aria-label=\"Share on WhatsApp\">\r\n                        <use xlink:href=\"#whatsapp\" />\r\n                    </svg>\r\n                    <svg class=\"share-social-icon\" role=\"img\" width=\"30\" height=\"30\" aria-label=\"Share on Facebook Messenger\">\r\n                        <use xlink:href=\"#f-messenger\" />\r\n                    </svg>\r\n                    <svg class=\"share-social-icon\" role=\"img\" width=\"30\" height=\"30\" aria-label=\"Share with your OS\">\r\n                        <use xlink:href=\"#share-fill\" />\r\n                    </svg>\r\n                    <svg class=\"share-social-icon\" role=\"img\" width=\"30\" height=\"30\" aria-label=\"Share on X, formerly known as Twitter\">\r\n                        <use xlink:href=\"#twitter-x\" />\r\n                    </svg>\r\n                </button>\r\n                <div class=\"copy-to-link-box\">\r\n                    <p>Here is the link to this ${this.itemType || window.CurrentTrain.Type}:\r\n                    </p>\r\n                    <div class=\"row\">\r\n                        <div id=\"lnk-share-copylink\" @click=${e => { this.CopyToClipboard(e, this.url); TrackClick(e.currentTarget); }} class=\"strong copy-text-link\">${this.url}</div>\r\n                        <button id=\"btn-share-copylink\" @click=${e => { this.CopyToClipboard(e, this.url); TrackClick(e.currentTarget); }} class=\"button button-blue button-rectangle button-condensed copy-text-button\">\r\n                            <svg role=\"img\" width=\"30\" height=\"30\" aria-label=\"Copy to clipboard\">\r\n                                <use xlink:href=\"#copy-to-clipboard-white\" />\r\n                            </svg>\r\n                            <span>Copy</span>\r\n                            <span class=\"success-text\">Copied</span>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n                ${invitationLink}\r\n            </div>`;\r\n    }\r\n}\r\n"],"names":["TrackClick","_x","_TrackClick","apply","this","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee","caller","wrap","_context","prev","next","TrackClickById","id","stop","_x2","_TrackClickById","_callee2","_context2","gtag","link_id","ShareOptions","_UnshadowedElement","_this","_classCallCheck","_callSuper","hideFlyer","hideInvite","_inherits","UnshadowedElement","_createClass","key","value","_ShareNative","navigator","share","title","name","text","url","window","CurrentTrain","Url","t0","console","log","_CopyToClipboard","e","clipboard","writeText","target","classList","contains","add","setTimeout","remove","_this2","fullName","flyerLink","invitationLink","html","_templateObject","_taggedTemplateLiteral","currentTarget","OpenUrl","_templateObject2","Id","_templateObject3","SocialFacebookLink","SocialEmailLink","ShareNative","itemType","Type","CopyToClipboard","_defineProperty","type","String","Boolean"],"mappings":"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"}