react-kofi-overlay 2.0.0-alpha.2 → 2.0.0-alpha.4

package/dist/bundle.js

@@ -1,2 +1,2 @@
 /*! For license information please see bundle.js.LICENSE.txt */
-"use client";!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("KofiDonate",["react"],t):"object"==typeof exports?exports.KofiDonate=t(require("react")):e.KofiDonate=t(e.react)}(this,(e=>(()=>{var t={155:t=>{"use strict";t.exports=e},942:(e,t)=>{var r;!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=i(e,l(r)))}return e}function l(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return o.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var r in e)n.call(e,r)&&e[r]&&(t=i(t,r));return t}function i(e,t){return t?e?e+" "+t:e+t:e}e.exports?(o.default=o,e.exports=o):void 0===(r=function(){return o}.apply(t,[]))||(e.exports=r)}()}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var l=r[e]={exports:{}};return t[e](l,l.exports,n),l.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{"use strict";n.r(o),n.d(o,{Donate:()=>h});var e=n(155),t=n.n(e),r=n(942),l=n.n(r);const i='\n      import API from "!../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js";\n      import domAPI from "!../node_modules/style-loader/dist/runtime/styleDomAPI.js";\n      import insertFn from "!../node_modules/style-loader/dist/runtime/insertBySelector.js";\n      import setAttributes from "!../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js";\n      import insertStyleElement from "!../node_modules/style-loader/dist/runtime/insertStyleElement.js";\n      import styleTagTransformFn from "!../node_modules/style-loader/dist/runtime/styleTagTransform.js";\n      import content, * as namedExport from "!!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./Donate.module.scss";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, "head");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from "!!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./Donate.module.scss";\n       export default content && content.locals ? content.locals : undefined;\n';var a={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},s=e.createContext&&e.createContext(a),c=["attr","size","title"];function u(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){if(t.indexOf(n)>=0)continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},f.apply(this,arguments)}function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){p(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function p(e,t,r){var n;return(t="symbol"==typeof(n=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"))?n:n+"")in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(t){return t&&t.map(((t,r)=>e.createElement(t.tag,m({key:r},t.attr),y(t.child))))}function v(t){return r=>e.createElement(b,f({attr:m({},t.attr)},r),y(t.child))}function b(t){var r=r=>{var n,{attr:o,size:l,title:i}=t,a=u(t,c),s=l||r.size||"1em";return r.className&&(n=r.className),t.className&&(n=(n?n+" ":"")+t.className),e.createElement("svg",f({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,o,a,{className:n,style:m(m({color:t.color||r.color},r.style),t.style),height:s,width:s,xmlns:"http://www.w3.org/2000/svg"}),i&&e.createElement("title",null,i),t.children)};return void 0!==s?e.createElement(s.Consumer,null,(e=>r(e))):r(a)}function g(e){return v({tag:"svg",attr:{fill:"currentColor",viewBox:"0 0 16 16"},child:[{tag:"path",attr:{d:"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"},child:[]}]})(e)}function j(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,i,a=[],s=!0,c=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=l.call(r)).done)&&(a.push(n.value),a.length!==t);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return O(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?O(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var h=function(r){var n=r.children,o=r.username,a=r.classNames,c=void 0===a?{}:a,u=r.styles,f=void 0===u?{}:u,d=r.onToggle,m=void 0===d?function(){}:d,p="https://ko-fi.com/".concat(o),y=j((0,e.useState)(!1),2),v=y[0],b=y[1],O=function(e){b(e),m(e)};return t().createElement(t().Fragment,null,t().createElement("button",{className:l()(i.donateBtn,c.donateBtn),style:f.donateBtn,onClick:function(){return O(!0)}},n),v?t().createElement("div",{className:l()(i.panel,c.panel),style:f.panel},t().createElement("button",{className:l()(i.closeBtn,c.closeBtn),style:f.closeBtn,onClick:function(){return O(!1)}},t().createElement(s.Provider,{value:{className:l()(i.closeIcon,c.closeIcon),style:f.closeIcon}},t().createElement(g,{title:"Close"}))),t().createElement("iframe",{src:"".concat(p,"?hidefeed=true&widget=true&embed=true")}),t().createElement("div",{className:l()(i.profileLink,c.profileLink),style:f.profileLink},t().createElement("a",{href:p,target:"_blank",rel:"noreferrer"},"ko-fi.com/",o))):null)}})(),o})()));
+"use client";!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("KofiDonate",["react"],t):"object"==typeof exports?exports.KofiDonate=t(require("react")):e.KofiDonate=t(e.react)}(this,(e=>(()=>{var t={292:(e,t,r)=>{"use strict";r.d(t,{Ay:()=>c});var n=r(601),o=r.n(n),a=r(314),i=r.n(a)()(o());i.push([e.id,"@keyframes kF0g9az8fVG6kOqOMufc{from{translate:0 200%;opacity:0}to{translate:0;opacity:1}}.QSEpZEcKR0JDQr2RBSst{display:inline-block;background-color:#027cb1;color:#fff;border:0;padding:.5em 1em;border-radius:2em;font-weight:bold}.QSEpZEcKR0JDQr2RBSst:hover{background-color:rgb(27.3,137.1,184.8)}.QSEpZEcKR0JDQr2RBSst:active{background-color:rgb(1.8,111.6,159.3)}.xki8toDJW1V5T6Q2baKK{position:fixed;z-index:100;width:min(320px,100%);height:min(580px,95%);bottom:0;right:2em;animation:kF0g9az8fVG6kOqOMufc 1s forwards ease-in-out}.xki8toDJW1V5T6Q2baKK iframe{width:100%;height:100%;border:0;box-shadow:0 0 10px rgba(0,0,0,.5);border-radius:1em 1em 0 0;background-color:#fff}.xki8toDJW1V5T6Q2baKK .IBUCc6fCjyxRl3Ek8DQA{position:absolute;right:0;top:0;background-color:#fff;border:1px solid #ddd;box-shadow:0 0 5px rgba(0,0,0,.1);aspect-ratio:1;translate:33% -33%;border-radius:100%;line-height:0;padding:.4rem}.xki8toDJW1V5T6Q2baKK .IBUCc6fCjyxRl3Ek8DQA:hover{background-color:hsl(0,0%,90%)}.xki8toDJW1V5T6Q2baKK .IBUCc6fCjyxRl3Ek8DQA:active{background-color:#ccc}.xki8toDJW1V5T6Q2baKK .XH4Q6flr1ggDa4pjIu7O{color:gray;width:1.5rem;height:1.5rem}.xki8toDJW1V5T6Q2baKK .efoQ9WoiKsTaNnaKB03U{position:absolute;bottom:0;left:0;right:0;background-color:#fff;text-align:center;padding:.75rem;font-size:.9rem;border-top:1px solid #ddd;font-weight:600;box-shadow:0 0 5px rgba(0,0,0,.1)}.xki8toDJW1V5T6Q2baKK .efoQ9WoiKsTaNnaKB03U a{color:#000;text-shadow:none;text-decoration:none}.xki8toDJW1V5T6Q2baKK .efoQ9WoiKsTaNnaKB03U a:hover{color:#027cb1}@media(max-width: 480px){.xki8toDJW1V5T6Q2baKK{right:0;width:100%;height:100%}.xki8toDJW1V5T6Q2baKK iframe{border-radius:0}.xki8toDJW1V5T6Q2baKK .IBUCc6fCjyxRl3Ek8DQA{translate:initial;margin:.5rem}}",""]);const c=i},314:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",n=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),n&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),n&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,n,o,a){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(n)for(var c=0;c<this.length;c++){var l=this[c][0];null!=l&&(i[l]=!0)}for(var s=0;s<e.length;s++){var u=[].concat(e[s]);n&&i[u[0]]||(void 0!==a&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=a),r&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=r):u[2]=r),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),t.push(u))}},t}},601:e=>{"use strict";e.exports=function(e){return e[1]}},72:e=>{"use strict";var t=[];function r(e){for(var r=-1,n=0;n<t.length;n++)if(t[n].identifier===e){r=n;break}return r}function n(e,n){for(var a={},i=[],c=0;c<e.length;c++){var l=e[c],s=n.base?l[0]+n.base:l[0],u=a[s]||0,f="".concat(s," ").concat(u);a[s]=u+1;var d=r(f),p={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(-1!==d)t[d].references++,t[d].updater(p);else{var m=o(p,n);n.byIndex=c,t.splice(c,0,{identifier:f,updater:m,references:1})}i.push(f)}return i}function o(e,t){var r=t.domAPI(t);r.update(e);return function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;r.update(e=t)}else r.remove()}}e.exports=function(e,o){var a=n(e=e||[],o=o||{});return function(e){e=e||[];for(var i=0;i<a.length;i++){var c=r(a[i]);t[c].references--}for(var l=n(e,o),s=0;s<a.length;s++){var u=r(a[s]);0===t[u].references&&(t[u].updater(),t.splice(u,1))}a=l}}},659:e=>{"use strict";var t={};e.exports=function(e,r){var n=function(e){if(void 0===t[e]){var r=document.querySelector(e);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}t[e]=r}return t[e]}(e);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(r)}},540:e=>{"use strict";e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},56:(e,t,r)=>{"use strict";e.exports=function(e){var t=r.nc;t&&e.setAttribute("nonce",t)}},825:e=>{"use strict";e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(r){!function(e,t,r){var n="";r.supports&&(n+="@supports (".concat(r.supports,") {")),r.media&&(n+="@media ".concat(r.media," {"));var o=void 0!==r.layer;o&&(n+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),n+=r.css,o&&(n+="}"),r.media&&(n+="}"),r.supports&&(n+="}");var a=r.sourceMap;a&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),t.styleTagTransform(n,e,t.options)}(t,e,r)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},113:e=>{"use strict";e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},155:t=>{"use strict";t.exports=e},942:(e,t)=>{var r;!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=i(e,a(r)))}return e}function a(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return o.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var r in e)n.call(e,r)&&e[r]&&(t=i(t,r));return t}function i(e,t){return t?e?e+" "+t:e+t:e}e.exports?(o.default=o,e.exports=o):void 0===(r=function(){return o}.apply(t,[]))||(e.exports=r)}()}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={id:e,exports:{}};return t[e](a,a.exports,n),a.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.nc=void 0;var o={};return(()=>{"use strict";n.r(o),n.d(o,{Donate:()=>I});var e=n(155),t=n.n(e),r=n(942),a=n.n(r),i=n(72),c=n.n(i),l=n(825),s=n.n(l),u=n(659),f=n.n(u),d=n(56),p=n.n(d),m=n(540),b=n.n(m),v=n(113),y=n.n(v),g=n(292),h={};h.styleTagTransform=y(),h.setAttributes=p(),h.insert=f().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=b();c()(g.Ay,h);const x=g.Ay&&g.Ay.locals?g.Ay.locals:void 0;var O={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},k=e.createContext&&e.createContext(O),w=["attr","size","title"];function j(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){if(t.indexOf(n)>=0)continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function K(){return K=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},K.apply(this,arguments)}function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function S(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){D(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function D(e,t,r){var n;return(t="symbol"==typeof(n=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"))?n:n+"")in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function T(t){return t&&t.map(((t,r)=>e.createElement(t.tag,S({key:r},t.attr),T(t.child))))}function C(t){return r=>e.createElement(Q,K({attr:S({},t.attr)},r),T(t.child))}function Q(t){var r=r=>{var n,{attr:o,size:a,title:i}=t,c=j(t,w),l=a||r.size||"1em";return r.className&&(n=r.className),t.className&&(n=(n?n+" ":"")+t.className),e.createElement("svg",K({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,o,c,{className:n,style:S(S({color:t.color||r.color},r.style),t.style),height:l,width:l,xmlns:"http://www.w3.org/2000/svg"}),i&&e.createElement("title",null,i),t.children)};return void 0!==k?e.createElement(k.Consumer,null,(e=>r(e))):r(O)}function P(e){return C({tag:"svg",attr:{fill:"currentColor",viewBox:"0 0 16 16"},child:[{tag:"path",attr:{d:"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"},child:[]}]})(e)}function A(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,i,c=[],l=!0,s=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=a.call(r)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return N(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?N(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var I=function(r){var n=r.children,o=r.username,i=r.classNames,c=void 0===i?{}:i,l=r.styles,s=void 0===l?{}:l,u=r.onToggle,f=void 0===u?function(){}:u,d="https://ko-fi.com/".concat(o),p=A((0,e.useState)(!1),2),m=p[0],b=p[1],v=function(e){b(e),f(e)};return t().createElement(t().Fragment,null,t().createElement("button",{className:a()(x.donateBtn,c.donateBtn),style:s.donateBtn,onClick:function(){return v(!0)}},n),m?t().createElement("div",{className:a()(x.panel,c.panel),style:s.panel},t().createElement("button",{className:a()(x.closeBtn,c.closeBtn),style:s.closeBtn,onClick:function(){return v(!1)}},t().createElement(k.Provider,{value:{className:a()(x.closeIcon,c.closeIcon),style:s.closeIcon}},t().createElement(P,{title:"Close"}))),t().createElement("iframe",{src:"".concat(d,"?hidefeed=true&widget=true&embed=true")}),t().createElement("div",{className:a()(x.profileLink,c.profileLink),style:s.profileLink},t().createElement("a",{href:d,target:"_blank",rel:"noreferrer"},"ko-fi.com/",o))):null)}})(),o})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-kofi-overlay",
-  "version": "2.0.0-alpha.2",
+  "version": "2.0.0-alpha.4",
   "description": "React component for accepting donations though Ko-fi without leaving your website",
   "main": "dist/bundle.js",
   "types": "dist/index.d.ts",

package/webpack.config.js

@@ -23,17 +23,15 @@ module.exports = {
       {
         test: /\.s[ac]ss$/i,
         use: [
-          'style-loader',
+          'style-loader', // Injects styles into DOM
           {
-            loader: 'sass-loader',
+            loader: 'css-loader',
             options: {
-              sassOptions: {
-                includeCss: true,
-              },
+              modules: true, // Enables CSS Modules and exports class names as JS objects
             },
           },
+          'sass-loader', // Compiles Sass to CSS
         ],
-        type: 'asset/source',
       },
     ],
   },