react-kofi-overlay 1.0.2 → 2.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/Donate.js CHANGED
@@ -16,17 +16,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
16
16
  }) : function(o, v) {
17
17
  o["default"] = v;
18
18
  });
19
- var __importStar = (this && this.__importStar) || function (mod) {
20
- if (mod && mod.__esModule) return mod;
21
- var result = {};
22
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
23
- __setModuleDefault(result, mod);
24
- return result;
25
- };
19
+ var __importStar = (this && this.__importStar) || (function () {
20
+ var ownKeys = function(o) {
21
+ ownKeys = Object.getOwnPropertyNames || function (o) {
22
+ var ar = [];
23
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
24
+ return ar;
25
+ };
26
+ return ownKeys(o);
27
+ };
28
+ return function (mod) {
29
+ if (mod && mod.__esModule) return mod;
30
+ var result = {};
31
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
32
+ __setModuleDefault(result, mod);
33
+ return result;
34
+ };
35
+ })();
26
36
  var __importDefault = (this && this.__importDefault) || function (mod) {
27
37
  return (mod && mod.__esModule) ? mod : { "default": mod };
28
38
  };
29
39
  Object.defineProperty(exports, "__esModule", { value: true });
40
+ exports.default = Donate;
30
41
  var react_1 = __importStar(require("react"));
31
42
  var classnames_1 = __importDefault(require("classnames"));
32
43
  var Donate_module_scss_1 = __importDefault(require("./Donate.module.scss"));
@@ -66,5 +77,4 @@ function Donate(_a) {
66
77
  username)))
67
78
  : null));
68
79
  }
69
- exports.default = Donate;
70
80
  //# sourceMappingURL=Donate.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Donate.js","sourceRoot":"","sources":["../src/Donate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEZ,6CAAsD;AACtD,0DAAgC;AAEhC,4EAAoC;AACpC,2CAAyC;AACzC,qCAAiD;AAmDjD;;;;;;;;GAQG;AACH,SAAwB,MAAM,CAAC,EAMjB;QALZ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,gBAAmB,EAAnB,QAAQ,mBAAG,cAAO,CAAC,KAAA;IAEnB,IAAM,OAAO,GAAG,4BAAqB,QAAQ,CAAE,CAAA;IACzC,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAA;IAEvC,IAAM,UAAU,GAAG,UAAC,MAAe;QACjC,OAAO,CAAC,MAAM,CAAC,CAAA;QACf,QAAQ,CAAC,MAAM,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,CACL;QACE,0CACE,SAAS,EAAE,IAAA,oBAAO,EAAC,4BAAC,CAAC,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,EACrD,KAAK,EAAE,MAAM,CAAC,SAAS,EACvB,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,IAE9B,QAAQ,CACF;QACR,IAAI,CAAC,CAAC;YACL,uCACE,SAAS,EAAE,IAAA,oBAAO,EAAC,4BAAC,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,EAC7C,KAAK,EAAE,MAAM,CAAC,KAAK;gBAEnB,0CACE,SAAS,EAAE,IAAA,oBAAO,EAAC,4BAAC,CAAC,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,EACnD,KAAK,EAAE,MAAM,CAAC,QAAQ,EACtB,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB;oBAEhC,8BAAC,yBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE;4BAC3B,SAAS,EAAE,IAAA,oBAAO,EAAC,4BAAC,CAAC,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC;4BACrD,KAAK,EAAE,MAAM,CAAC,SAAS;yBACxB;wBACC,8BAAC,QAAS,IAAC,KAAK,EAAC,OAAO,GAAG,CACN,CAChB;gBACT,0CAAQ,GAAG,EAAE,UAAG,OAAO,0CAAuC,GAAI;gBAClE,uCACE,SAAS,EAAE,IAAA,oBAAO,EAAC,4BAAC,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,EACzD,KAAK,EAAE,MAAM,CAAC,WAAW;oBAEzB,qCAAG,IAAI,EAAE,OAAO,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY;;wBACrC,QAAQ,CACjB,CACA,CACF;YACR,CAAC,CAAC,IAAI,CACL,CACJ,CAAA;AACH,CAAC;AAtDD,yBAsDC"}
1
+ {"version":3,"file":"Donate.js","sourceRoot":"","sources":["../src/Donate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEZ,yBAsDC;AAvHD,6CAAsD;AACtD,0DAAgC;AAEhC,4EAAoC;AACpC,2CAAyC;AACzC,qCAAiD;AAmDjD;;;;;;;;GAQG;AACH,SAAwB,MAAM,CAAC,EAMjB;QALZ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,gBAAmB,EAAnB,QAAQ,mBAAG,cAAO,CAAC,KAAA;IAEnB,IAAM,OAAO,GAAG,4BAAqB,QAAQ,CAAE,CAAA;IACzC,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAA;IAEvC,IAAM,UAAU,GAAG,UAAC,MAAe;QACjC,OAAO,CAAC,MAAM,CAAC,CAAA;QACf,QAAQ,CAAC,MAAM,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,CACL;QACE,0CACE,SAAS,EAAE,IAAA,oBAAO,EAAC,4BAAC,CAAC,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,EACrD,KAAK,EAAE,MAAM,CAAC,SAAS,EACvB,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,IAE9B,QAAQ,CACF;QACR,IAAI,CAAC,CAAC;YACL,uCACE,SAAS,EAAE,IAAA,oBAAO,EAAC,4BAAC,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,EAC7C,KAAK,EAAE,MAAM,CAAC,KAAK;gBAEnB,0CACE,SAAS,EAAE,IAAA,oBAAO,EAAC,4BAAC,CAAC,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,EACnD,KAAK,EAAE,MAAM,CAAC,QAAQ,EACtB,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB;oBAEhC,8BAAC,yBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE;4BAC3B,SAAS,EAAE,IAAA,oBAAO,EAAC,4BAAC,CAAC,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC;4BACrD,KAAK,EAAE,MAAM,CAAC,SAAS;yBACxB;wBACC,8BAAC,QAAS,IAAC,KAAK,EAAC,OAAO,GAAG,CACN,CAChB;gBACT,0CAAQ,GAAG,EAAE,UAAG,OAAO,0CAAuC,GAAI;gBAClE,uCACE,SAAS,EAAE,IAAA,oBAAO,EAAC,4BAAC,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,EACzD,KAAK,EAAE,MAAM,CAAC,WAAW;oBAEzB,qCAAG,IAAI,EAAE,OAAO,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY;;wBACrC,QAAQ,CACjB,CACA,CACF;YACR,CAAC,CAAC,IAAI,CACL,CACJ,CAAA;AACH,CAAC"}
package/dist/bundle.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see bundle.js.LICENSE.txt */
2
- "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={184:(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];if(r){var a=typeof r;if("string"===a||"number"===a)e.push(r);else if(Array.isArray(r)){if(r.length){var i=o.apply(null,r);i&&e.push(i)}}else if("object"===a){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){e.push(r.toString());continue}for(var c in r)n.call(r,c)&&r[c]&&e.push(c)}}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(r=function(){return o}.apply(t,[]))||(e.exports=r)}()},800:(e,t,r)=>{"use strict";r.d(t,{Z:()=>c});var n=r(81),o=r.n(n),a=r(645),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:white;border:0;padding:0.5em 1em;border-radius:2em;font-weight:bold}.QSEpZEcKR0JDQr2RBSst:hover{background-color:#1b89b9}.QSEpZEcKR0JDQr2RBSst:active{background-color:#02709f}.xki8toDJW1V5T6Q2baKK{position:fixed;z-index:100;width:calc(min(320px, 100%));height:calc(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,0.5);border-radius:1em 1em 0 0;background-color:white}.xki8toDJW1V5T6Q2baKK .IBUCc6fCjyxRl3Ek8DQA{position:absolute;right:0;top:0;background-color:white;border:1px solid #ddd;box-shadow:0 0 5px rgba(0,0,0,0.1);aspect-ratio:1;translate:33% -33%;border-radius:100%;line-height:0;padding:0.4rem}.xki8toDJW1V5T6Q2baKK .IBUCc6fCjyxRl3Ek8DQA:hover{background-color:#e6e6e6}.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:white;text-align:center;padding:0.75rem;font-size:0.9rem;border-top:1px solid #ddd;font-weight:600;box-shadow:0 0 5px rgba(0,0,0,0.1)}.xki8toDJW1V5T6Q2baKK .efoQ9WoiKsTaNnaKB03U a{color:black;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:0.5rem}}\n",""]),i.locals={donateBtn:"QSEpZEcKR0JDQr2RBSst",panel:"xki8toDJW1V5T6Q2baKK",open:"kF0g9az8fVG6kOqOMufc",closeBtn:"IBUCc6fCjyxRl3Ek8DQA",closeIcon:"XH4Q6flr1ggDa4pjIu7O",profileLink:"efoQ9WoiKsTaNnaKB03U"};const c=i},645: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}},81:e=>{"use strict";e.exports=function(e){return e[1]}},379: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}}},569: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)}},216:e=>{"use strict";e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},565:(e,t,r)=>{"use strict";e.exports=function(e){var t=r.nc;t&&e.setAttribute("nonce",t)}},795: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)}}}},589: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))}}},156:t=>{"use strict";t.exports=e}},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:()=>D});var e=n(156),t=n.n(e),r=n(184),a=n.n(r),i=n(379),c=n.n(i),l=n(795),s=n.n(l),u=n(569),f=n.n(u),d=n(565),p=n.n(d),m=n(216),v=n.n(m),h=n(589),b=n.n(h),y=n(800),g={};g.styleTagTransform=b(),g.setAttributes=p(),g.insert=f().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=v();c()(y.Z,g);const x=y.Z&&y.Z.locals?y.Z.locals:void 0;var k={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},K=t().createContext&&t().createContext(k),w=function(){return w=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},w.apply(this,arguments)},E=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r};function S(e){return e&&e.map((function(e,r){return t().createElement(e.tag,w({key:r},e.attr),S(e.child))}))}function O(e){return function(r){return t().createElement(Q,w({attr:w({},e.attr)},r),S(e.child))}}function Q(e){var r=function(r){var n,o=e.attr,a=e.size,i=e.title,c=E(e,["attr","size","title"]),l=a||r.size||"1em";return r.className&&(n=r.className),e.className&&(n=(n?n+" ":"")+e.className),t().createElement("svg",w({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,o,c,{className:n,style:w(w({color:e.color||r.color},r.style),e.style),height:l,width:l,xmlns:"http://www.w3.org/2000/svg"}),i&&t().createElement("title",null,i),e.children)};return void 0!==K?t().createElement(K.Consumer,null,(function(e){return r(e)})):r(k)}function j(e){return O({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-.708z"}}]})(e)}function C(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)return;if("string"==typeof e)return T(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return T(e,t)}(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 T(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var D=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=C((0,e.useState)(!1),2),m=p[0],v=p[1],h=function(e){v(e),f(e)};return t().createElement(t().Fragment,null,t().createElement("button",{className:a()(x.donateBtn,c.donateBtn),style:s.donateBtn,onClick:function(){return h(!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 h(!1)}},t().createElement(K.Provider,{value:{className:a()(x.closeIcon,c.closeIcon),style:s.closeIcon}},t().createElement(j,{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})()));
2
+ "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={57:(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(57),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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-kofi-overlay",
3
- "version": "1.0.2",
3
+ "version": "2.0.0-alpha.0",
4
4
  "description": "React component for accepting donations though Ko-fi without leaving your website",
5
5
  "main": "dist/bundle.js",
6
6
  "types": "dist/index.d.ts",
@@ -12,25 +12,30 @@
12
12
  "author": "Harrison Liddiard",
13
13
  "license": "ISC",
14
14
  "dependencies": {
15
- "classnames": "^2.3.3",
16
- "react": "^18.2.0",
17
- "react-dom": "^18.2.0",
18
- "react-icons": "^4.12.0"
15
+ "classnames": "^2.5.1",
16
+ "react": "^19.0.0",
17
+ "react-dom": "^19.0.0",
18
+ "react-icons": "^5.4.0"
19
+ },
20
+ "peerDependencies": {
21
+ "react": "^19.0.0",
22
+ "react-dom": "^19.0.0"
19
23
  },
20
24
  "devDependencies": {
21
- "@babel/core": "^7.23.6",
22
- "@babel/preset-env": "^7.23.6",
23
- "@babel/preset-react": "^7.23.3",
24
- "@babel/preset-typescript": "^7.23.3",
25
- "@types/react": "^18.2.45",
26
- "babel-loader": "^9.1.3",
27
- "css-loader": "^6.8.1",
28
- "node-sass": "^9.0.0",
29
- "sass-loader": "^13.3.3",
30
- "style-loader": "^3.3.3",
31
- "terser-webpack-plugin": "^5.3.10",
32
- "typescript": "^5.3.3",
33
- "webpack": "^5.89.0",
34
- "webpack-cli": "^5.1.4"
25
+ "@babel/core": "^7.26.0",
26
+ "@babel/preset-env": "^7.26.0",
27
+ "@babel/preset-react": "^7.26.3",
28
+ "@babel/preset-typescript": "^7.26.0",
29
+ "@types/react": "^19.0.2",
30
+ "@types/react-dom": "^19.0.2",
31
+ "babel-loader": "^9.2.1",
32
+ "css-loader": "^7.1.2",
33
+ "sass": "^1.83.0",
34
+ "sass-loader": "^16.0.4",
35
+ "style-loader": "^4.0.0",
36
+ "terser-webpack-plugin": "^5.3.11",
37
+ "typescript": "^5.7.2",
38
+ "webpack": "^5.97.1",
39
+ "webpack-cli": "^6.0.1"
35
40
  }
36
- }
41
+ }
@@ -1,4 +1,5 @@
1
- $default-color: #027CB1;
1
+ @use "sass:color";
2
+ $default-color: #027cb1;
2
3
 
3
4
  @keyframes open {
4
5
  from {
@@ -21,16 +22,16 @@ $default-color: #027CB1;
21
22
  font-weight: bold;
22
23
 
23
24
  &:hover {
24
- background-color: mix($default-color, white, 90%);
25
+ background-color: color.mix($default-color, white, 90%);
25
26
  }
26
27
 
27
28
  &:active {
28
- background-color: mix($default-color, black, 90%);
29
+ background-color: color.mix($default-color, black, 90%);
29
30
  }
30
31
  }
31
32
 
32
33
  .panel {
33
- $overlay-shadow: 0 0 5px rgba(0,0,0, 0.1);
34
+ $overlay-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
34
35
  $border-color: #ddd;
35
36
 
36
37
  position: fixed;
@@ -47,7 +48,7 @@ $default-color: #027CB1;
47
48
  width: 100%;
48
49
  height: 100%;
49
50
  border: 0;
50
- box-shadow: 0 0 10px rgba(0,0,0, 0.5);
51
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
51
52
  border-radius: 1em 1em 0 0;
52
53
  background-color: white;
53
54
  }
@@ -64,13 +65,13 @@ $default-color: #027CB1;
64
65
  border-radius: 100%;
65
66
  line-height: 0;
66
67
  padding: 0.4rem;
67
-
68
+
68
69
  &:hover {
69
- background-color: mix(white, black, 90%);
70
+ background-color: color.mix(white, black, 90%);
70
71
  }
71
72
 
72
73
  &:active {
73
- background-color: mix(white, black, 80%);
74
+ background-color: color.mix(white, black, 80%);
74
75
  }
75
76
  }
76
77
 
@@ -118,4 +119,4 @@ $default-color: #027CB1;
118
119
  margin: 0.5rem;
119
120
  }
120
121
  }
121
- }
122
+ }
package/tsconfig.json CHANGED
@@ -7,10 +7,7 @@
7
7
  "target": "es5",
8
8
  "jsx": "react",
9
9
  "esModuleInterop": true,
10
- "declaration": true,
10
+ "declaration": true
11
11
  },
12
- "include": [
13
- "./src/**/*",
14
- "src/declarations.d.ts"
15
- ]
16
- }
12
+ "include": ["./src/**/*", "src/declarations.d.ts"]
13
+ }