@crossmint/client-sdk-base - npm Package Compare versions

Comparing version 0.2.1-alpha.0 to 0.2.2-alpha.0

lib/index.d.ts

@@ -16,7 +16,7 @@ declare function generateClientId(): string;
 }
-declare type theme = "light" | "dark";
-declare type paymentMethods = "fiat" | "ETH" | "SOL";
-declare const paymentMethodIsEth: (paymentMethod?: paymentMethods | undefined) => boolean;
-declare const paymentMethodIsSol: (paymentMethod?: paymentMethods | undefined) => boolean;
-declare type SigninMethods = "metamask" | "solana";
+type theme = "light" | "dark";
+type paymentMethods = "fiat" | "ETH" | "SOL";
+declare const paymentMethodIsEth: (paymentMethod?: paymentMethods) => boolean;
+declare const paymentMethodIsSol: (paymentMethod?: paymentMethods) => boolean;
+type SigninMethods = "metamask" | "solana";
 declare enum mintingContractTypes {
@@ -41,2 +41,4 @@ CANDY_MACHINE = "candy-machine",
 }
+type Locale = "en-US" | "es-ES";
+type Currency = "USD" | "EUR";
 interface BaseButtonProps {
@@ -52,2 +54,4 @@ className?: string;
     environment?: string;
+    locale?: Locale;
+    currency?: Currency;
 }
@@ -67,3 +71,3 @@ interface CrossmintPayButtonProps extends BaseButtonProps {
 }
-declare type OnboardingQueryParams = {
+type OnboardingQueryParams = {
     clientId: string;
@@ -83,2 +87,4 @@ platformId?: string;
     clientName: clientNames;
+    locale: Locale;
+    currency: Currency;
 }
@@ -88,3 +94,3 @@ interface CrossmintModalServiceReturn {
 }
-declare function crossmintModalService({ clientId, libVersion, showOverlay, dismissOverlayOnClick, setConnecting, environment, clientName, }: CrossmintModalServiceParams): CrossmintModalServiceReturn;
+declare function crossmintModalService({ clientId, libVersion, showOverlay, dismissOverlayOnClick, setConnecting, environment, clientName, locale, currency, }: CrossmintModalServiceParams): CrossmintModalServiceReturn;
 
@@ -95,5 +101,6 @@ interface IProps {
     paymentMethod?: paymentMethods;
+    locale: Locale;
 }
-declare function crossmintPayButtonService({ onClick, connecting, paymentMethod }: IProps): {
-    getButtonText: (connecting: boolean) => "Connecting..." | "Buy with ETH" | "Buy with SOL" | "Buy with credit card";
+declare function crossmintPayButtonService({ onClick, connecting, paymentMethod, locale }: IProps): {
+    getButtonText: (connecting: boolean) => string;
     shouldHideButton: ({ hideMintOnInactiveClient, status }: any) => any;
@@ -120,5 +127,6 @@ handleClick: (event: any, cb: () => void) => void;
     onClick?: (e: any) => void;
+    locale: Locale;
 }
-declare function crossmintStatusButtonService({ onClick }: CrossmintStatusButtonServiceProps): {
-    getButtonText: (status: onboardingRequestStatusResponse) => "Invalid clientId" | "Click here to setup Crossmint" | "Your application is under review" | "You're good to go!" | "Your application was rejected";
+declare function crossmintStatusButtonService({ onClick, locale }: CrossmintStatusButtonServiceProps): {
+    getButtonText: (status: onboardingRequestStatusResponse) => string;
     isButtonDisabled: (status: onboardingRequestStatusResponse) => boolean;
@@ -128,2 +136,2 @@ handleClick: (event: any, status: onboardingRequestStatusResponse, goToOnboarding: () => void) => void;
 
-export { BaseButtonProps, CrossmintModalServiceReturn, CrossmintPayButtonProps, OnboardingQueryParams, PayButtonConfig, SigninMethods, baseUrls, clientNames, crossmintModalService, crossmintPayButtonService, crossmintStatusButtonService, crossmintStatusService, customHeaders, generateClientId, mintingContractTypes, onboardingRequestStatusResponse, paymentMethodIsEth, paymentMethodIsSol, paymentMethods };
+export { BaseButtonProps, CrossmintModalServiceReturn, CrossmintPayButtonProps, Currency, Locale, OnboardingQueryParams, PayButtonConfig, SigninMethods, baseUrls, clientNames, crossmintModalService, crossmintPayButtonService, crossmintStatusButtonService, crossmintStatusService, customHeaders, generateClientId, mintingContractTypes, onboardingRequestStatusResponse, paymentMethodIsEth, paymentMethodIsSol, paymentMethods };

lib/index.js

@@ -1,1 +0,1 @@
-import{v4 as N}from"uuid";function W(){return N()}var T=(e=>(e.reactUi="client-sdk-react-ui",e.vanillaUi="client-sdk-vanilla-ui",e))(T||{}),E=(o=>(o.prod="https://www.crossmint.io",o.staging="https://staging.crossmint.io/",o.dev="http://localhost:3001",o))(E||{}),O=(e=>(e.clientVersion="X-Client-Version",e.clientName="X-Client-Name",e))(O||{}),J=t=>t==="ETH",j=t=>t==="SOL",U=(o=>(o.CANDY_MACHINE="candy-machine",o.SOLANA_AUCTION="solana-auction",o.ERC_721="erc-721",o))(U||{}),A=(s=>(s.WAITING_SUBMISSION="waiting-submission",s.PENDING="pending",s.REJECTED="rejected",s.ACCEPTED="accepted",s.INVALID="invalid",s))(A||{});var f=(t="")=>{let n=["prod","production"];return t==="staging"?"https://staging.crossmint.io/":n.includes(t)||!t?"https://www.crossmint.io":t};var B="__crossmint-overlay__",k=400,D=750,L=()=>{let t=navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);return t?parseInt(t[2]):null};function _(t,n){function e(){return(window==null?void 0:window.top)!=null?window.top.outerWidth/2+window.top.screenX-t/2:window.outerWidth/2+window.screenX-t/2}function o(){return(window==null?void 0:window.top)!=null?window.top.outerHeight/2+window.top.screenY-n/2:window.outerHeight/2+window.screenY-n/2}let r=L();return`${r&&r>99?"popup=true,":""}height=${n},width=${t},left=${e()},top=${o()},resizable=yes,scrollbars=yes,toolbar=yes,menubar=true,location=no,directories=no, status=yes`}var R=t=>{let n=document.createElement("div");n.setAttribute("id",B);let e={width:"100vw",height:"100vh","background-color":"rgba(0, 0, 0, 0.5)",position:"fixed","z-index":"99999999",top:"0",left:"0"};Object.assign(n.style,e),document.body.appendChild(n),t&&n.addEventListener("click",()=>{X()})},X=()=>{let t=document.getElementById(B);t&&t.remove()};function K({clientId:t,libVersion:n,showOverlay:e,dismissOverlayOnClick:o,setConnecting:r,environment:s,clientName:a}){let l=(m,i,p,g,h,y,I,v)=>{let b=f(s),x=encodeURIComponent(`${b}/checkout/mint?${(()=>{let c={clientId:t,clientName:a,clientVersion:n,mintConfig:JSON.stringify(m)};return i&&(c.mintTo=i),p&&(c.emailTo=p),g&&(c.listingId=g),h&&(c.whPassThroughArgs=JSON.stringify(h)),y&&(c.paymentMethod=y.toLowerCase()),I&&(c.preferredSigninMethod=I),v&&(c.prepay="true"),new URLSearchParams(c).toString()})()}`),P=`${b}/signin?callbackUrl=${x}`,M=window.open(P,"popUpWindow",_(k,D));if(M){w(M),e&&R(o);return}r(!1),window.open(P,"_blank")||console.error("Failed to open popup window and new tab")},S=(m,i,p,g,h,y,I,v)=>{r(!0),l(m,i,p,g,h,y,I,v)};function w(m){let i=setInterval(function(){m.closed&&(clearInterval(i),r(!1),e&&X())},500)}return{connect:S}}function tt({onClick:t,connecting:n,paymentMethod:e}){return{getButtonText:a=>{if(a)return"Connecting...";switch(e){case"ETH":return"Buy with ETH";case"SOL":return"Buy with SOL";default:return"Buy with credit card"}},shouldHideButton:({hideMintOnInactiveClient:a,status:l})=>a&&l!=="accepted",handleClick:(a,l)=>{t&&t(a),!n&&(a.defaultPrevented||l())}}}var V=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function C(t){return typeof t=="string"&&V.test(t)}var $=t=>{try{return C(t)}catch(n){return console.error(n),!1}};function it({libVersion:t,clientId:n,platformId:e,auctionId:o,mintConfig:r,setStatus:s,environment:a,clientName:l}){async function S(){if(!n||n===""||n==="<YOUR_CLIENT_ID>"){console.error("You must enter your own Crossmint client ID in <CrossmintPayButton clientId=XXX>");return}if(!$(n)){console.error("The clientId passed to is invalid. Make sure to pass the clientId obtained from the crossmint team, with format XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXX");return}let i=f(a),p=await fetch(`${i}/api/crossmint/onboardingRequests/${n}/status`,{headers:{["X-Client-Version"]:t,["X-Client-Name"]:l}});if(p.status===200){let g=await p.json();s(g.status)}else s("invalid")}let w=()=>{let i=f(a);window.open(`${i}/developers/onboarding?${m()}`,"_blank")},m=()=>{let i={clientId:n};return e&&(i.platformId=e),o&&(i.auctionId=o),r&&(i.mintConfig=JSON.stringify(r)),new URLSearchParams(i).toString()};return{fetchClientIntegration:S,goToOnboarding:w}}function at({onClick:t}){return{getButtonText:r=>{switch(r){case"invalid":return"Invalid clientId";case"waiting-submission":return"Click here to setup Crossmint";case"pending":return"Your application is under review";case"accepted":return"You're good to go!";case"rejected":return"Your application was rejected"}},isButtonDisabled:r=>r!=="waiting-submission",handleClick:(r,s,a)=>{t&&t(r),s==="waiting-submission"&&a()}}}export{E as baseUrls,T as clientNames,K as crossmintModalService,tt as crossmintPayButtonService,at as crossmintStatusButtonService,it as crossmintStatusService,O as customHeaders,W as generateClientId,U as mintingContractTypes,A as onboardingRequestStatusResponse,J as paymentMethodIsEth,j as paymentMethodIsSol};
+import{v4 as U}from"uuid";function F(){return U()}var x=(o=>(o.reactUi="client-sdk-react-ui",o.vanillaUi="client-sdk-vanilla-ui",o))(x||{}),D=(n=>(n.prod="https://www.crossmint.io",n.staging="https://staging.crossmint.io/",n.dev="http://localhost:3001",n))(D||{}),X=(o=>(o.clientVersion="X-Client-Version",o.clientName="X-Client-Name",o))(X||{}),Z=t=>t==="ETH",tt=t=>t==="SOL",L=(n=>(n.CANDY_MACHINE="candy-machine",n.SOLANA_AUCTION="solana-auction",n.ERC_721="erc-721",n))(L||{}),A=(r=>(r.WAITING_SUBMISSION="waiting-submission",r.PENDING="pending",r.REJECTED="rejected",r.ACCEPTED="accepted",r.INVALID="invalid",r))(A||{});var y=(t="")=>{let e=["prod","production"];return t==="staging"?"https://staging.crossmint.io/":e.includes(t)||!t?"https://www.crossmint.io":t};var M="__crossmint-overlay__",H=400,R=750,W=()=>{let t=navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);return t?parseInt(t[2]):null};function k(t,e){function o(){return(window==null?void 0:window.top)!=null?window.top.outerWidth/2+window.top.screenX-t/2:window.outerWidth/2+window.screenX-t/2}function n(){return(window==null?void 0:window.top)!=null?window.top.outerHeight/2+window.top.screenY-e/2:window.outerHeight/2+window.screenY-e/2}let i=W();return`${i&&i>99?"popup=true,":""}height=${e},width=${t},left=${o()},top=${n()},resizable=yes,scrollbars=yes,toolbar=yes,menubar=true,location=no,directories=no, status=yes`}var G=t=>{let e=document.createElement("div");e.setAttribute("id",M);let o={width:"100vw",height:"100vh","background-color":"rgba(0, 0, 0, 0.5)",position:"fixed","z-index":"99999999",top:"0",left:"0"};Object.assign(e.style,o),document.body.appendChild(e),t&&e.addEventListener("click",()=>{O()})},O=()=>{let t=document.getElementById(M);t&&t.remove()};function rt({clientId:t,libVersion:e,showOverlay:o,dismissOverlayOnClick:n,setConnecting:i,environment:r,clientName:l,locale:s,currency:f}){let E=(m,p,S,I,h,C,v,B)=>{let N=y(r),_=encodeURIComponent(`${N}/checkout/mint?${(()=>{let g={clientId:t,clientName:l,clientVersion:e,mintConfig:JSON.stringify(m),locale:s,currency:f};return p&&(g.mintTo=p),S&&(g.emailTo=S),I&&(g.listingId=I),h&&(g.whPassThroughArgs=JSON.stringify(h)),C&&(g.paymentMethod=C.toLowerCase()),v&&(g.preferredSigninMethod=v),B&&(g.prepay="true"),new URLSearchParams(g).toString()})()}`),w=`${N}/signin?callbackUrl=${_}`,b=window.open(w,"popUpWindow",k(H,R));if(b){c(b),o&&G(n);return}i(!1),window.open(w,"_blank")||console.error("Failed to open popup window and new tab")},P=(m,p,S,I,h,C,v,B)=>{i(!0),E(m,p,S,I,h,C,v,B)};function c(m){let p=setInterval(function(){m.closed&&(clearInterval(p),i(!1),o&&O())},500)}return{connect:P}}var V={crossmintPayButtonService:{CONNECTING:"Connecting...",BUY_WITH_ETH:"Buy with ETH",BUY_WITH_SOL:"Buy with SOL",BUY_WITH_CREDIT_CARD:"Buy with credit card"},crossmintStatusButtonService:{INVALID:"Invalid clientId",WAITING_SUBMISSION:"Click here to setup Crossmint",PENDING:"Your application is under review",ACCEPTED:"You're good to go!",REJECTED:"Your application was rejected"}},Y={crossmintPayButtonService:{CONNECTING:"Conectando...",BUY_WITH_ETH:"Comprar con ETH",BUY_WITH_SOL:"Comprar con SOL",BUY_WITH_CREDIT_CARD:"Comprar con tarjeta de cr\xE9dito"},crossmintStatusButtonService:{INVALID:"clientId inv\xE1lido",WAITING_SUBMISSION:"Haga clic aqu\xED para configurar Crossmint",PENDING:"Su solicitud est\xE1 en revisi\xF3n",ACCEPTED:"\xA1Est\xE1 listo para usar Crossmint!",REJECTED:"Su solicitud fue rechazada"}},$={"en-US":V,"es-ES":Y};function a(t,e){let o=$[e];return t.split(".").reduce((n,i)=>n[i],o)}function ct({onClick:t,connecting:e,paymentMethod:o,locale:n}){return{getButtonText:s=>{if(s)return a("crossmintPayButtonService.CONNECTING",n);switch(o){case"ETH":return a("crossmintPayButtonService.BUY_WITH_ETH",n);case"SOL":return a("crossmintPayButtonService.BUY_WITH_SOL",n);default:return a("crossmintPayButtonService.BUY_WITH_CREDIT_CARD",n)}},shouldHideButton:({hideMintOnInactiveClient:s,status:f})=>s&&f!=="accepted",handleClick:(s,f)=>{t&&t(s),!e&&(s.defaultPrevented||f())}}}var Q=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function T(t){return typeof t=="string"&&Q.test(t)}var J=t=>{try{return T(t)}catch(e){return console.error(e),!1}};function pt({libVersion:t,clientId:e,platformId:o,auctionId:n,mintConfig:i,setStatus:r,environment:l,clientName:s}){async function f(){if(!e||e===""||e==="<YOUR_CLIENT_ID>"){console.error("You must enter your own Crossmint client ID in <CrossmintPayButton clientId=XXX>");return}if(!J(e)){console.error("The clientId passed to is invalid. Make sure to pass the clientId obtained from the crossmint team, with format XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXX");return}let c=y(l),m=await fetch(`${c}/api/crossmint/onboardingRequests/${e}/status`,{headers:{["X-Client-Version"]:t,["X-Client-Name"]:s}});if(m.status===200){let p=await m.json();r(p.status)}else r("invalid")}let E=()=>{let c=y(l);window.open(`${c}/developers/onboarding?${P()}`,"_blank")},P=()=>{let c={clientId:e};return o&&(c.platformId=o),n&&(c.auctionId=n),i&&(c.mintConfig=JSON.stringify(i)),new URLSearchParams(c).toString()};return{fetchClientIntegration:f,goToOnboarding:E}}function yt({onClick:t,locale:e}){return{getButtonText:r=>{switch(r){case"invalid":return a("crossmintStatusButtonService.INVALID",e);case"waiting-submission":return a("crossmintStatusButtonService.WAITING_SUBMISSION",e);case"pending":return a("crossmintStatusButtonService.PENDING",e);case"accepted":return a("crossmintStatusButtonService.ACCEPTED",e);case"rejected":return a("crossmintStatusButtonService.REJECTED",e)}},isButtonDisabled:r=>r!=="waiting-submission",handleClick:(r,l,s)=>{t&&t(r),l==="waiting-submission"&&s()}}}export{D as baseUrls,x as clientNames,rt as crossmintModalService,ct as crossmintPayButtonService,yt as crossmintStatusButtonService,pt as crossmintStatusService,X as customHeaders,F as generateClientId,L as mintingContractTypes,A as onboardingRequestStatusResponse,Z as paymentMethodIsEth,tt as paymentMethodIsSol};

package.json

 {
     "name": "@crossmint/client-sdk-base",
-    "version": "0.2.1-alpha.0",
+    "version": "0.2.2-alpha.0",
     "author": "Paella Labs Inc",
@@ -34,3 +34,3 @@ "license": "Apache-2.0",
     },
-    "gitHead": "d910a4e44b10a7287d444efbffb9a8824cf5a889"
+    "gitHead": "16aabf6d5e74aacab2861c8db002bcba11e6ac45"
 }

src/models/types.ts

@@ -49,2 +49,5 @@ export enum clientNames {
 
+export type Locale = "en-US" | "es-ES";
+export type Currency = "USD" | "EUR"
+
 export interface BaseButtonProps {
@@ -60,2 +63,4 @@ className?: string;
     environment?: string;
+    locale?: Locale;
+    currency?: Currency;
 }
@@ -62,0 +67,0 @@

src/services/crossmintModalService.ts

@@ -1,2 +0,2 @@
-import { PayButtonConfig, SigninMethods, clientNames, paymentMethods } from "../models/types";
+import { PayButtonConfig, SigninMethods, clientNames, paymentMethods, Locale, Currency } from "../models/types";
 import { getEnvironmentBaseUrl } from "../utils/ui";
@@ -16,2 +16,4 @@
     prepay?: string;
+    locale: Locale;
+    currency: Currency;
 };
@@ -85,2 +87,4 @@
     clientName: clientNames;
+    locale: Locale;
+    currency: Currency;
 }
@@ -97,3 +101,3 @@
         preferredSigninMethod?: SigninMethods,
-        prepay?: boolean
+        prepay?: boolean,
     ) => void;
@@ -103,10 +107,12 @@ }
 export function crossmintModalService({
-    clientId,
-    libVersion,
-    showOverlay,
-    dismissOverlayOnClick,
-    setConnecting,
-    environment,
-    clientName,
-}: CrossmintModalServiceParams): CrossmintModalServiceReturn {
+                                          clientId,
+                                          libVersion,
+                                          showOverlay,
+                                          dismissOverlayOnClick,
+                                          setConnecting,
+                                          environment,
+                                          clientName,
+                                          locale,
+                                          currency,
+                                      }: CrossmintModalServiceParams): CrossmintModalServiceReturn {
     const createPopup = (
@@ -120,3 +126,3 @@ mintConfig: PayButtonConfig,
         preferredSigninMethod?: SigninMethods,
-        prepay?: boolean
+        prepay?: boolean,
     ) => {
@@ -130,2 +136,4 @@ const urlOrigin = getEnvironmentBaseUrl(environment);
                 mintConfig: JSON.stringify(mintConfig),
+                locale,
+                currency,
             };
@@ -169,3 +177,3 @@
         preferredSigninMethod?: SigninMethods,
-        prepay?: boolean
+        prepay?: boolean,
     ) => {
@@ -182,3 +190,3 @@ setConnecting(true);
             preferredSigninMethod,
-            prepay
+            prepay,
         );
@@ -188,3 +196,3 @@ };
     function registerListeners(pop: Window) {
-        const timer = setInterval(function () {
+        const timer = setInterval(function() {
             if (pop.closed) {
@@ -191,0 +199,0 @@ clearInterval(timer);

src/services/crossmintPayButtonService.ts

@@ -1,2 +0,3 @@
-import { onboardingRequestStatusResponse, paymentMethods } from "../models/types";
+import { Locale, onboardingRequestStatusResponse, paymentMethods } from "../models/types";
+import { t } from "../utils/i18n";
 
@@ -7,16 +8,17 @@ interface IProps {
     paymentMethod?: paymentMethods;
+    locale: Locale;
 }
 
-export function crossmintPayButtonService({ onClick, connecting, paymentMethod }: IProps) {
+export function crossmintPayButtonService({ onClick, connecting, paymentMethod, locale }: IProps) {
     const getButtonText = (connecting: boolean) => {
         if (connecting) {
-            return "Connecting...";
+            return t("crossmintPayButtonService.CONNECTING", locale);
         }
         switch (paymentMethod) {
             case "ETH":
-                return "Buy with ETH";
+                return t("crossmintPayButtonService.BUY_WITH_ETH", locale);
             case "SOL":
-                return "Buy with SOL";
+                return t("crossmintPayButtonService.BUY_WITH_SOL", locale);
             default:
-                return "Buy with credit card";
+                return t("crossmintPayButtonService.BUY_WITH_CREDIT_CARD", locale);
         }
@@ -23,0 +25,0 @@ };

src/services/crossmintStatusButtonService.ts

@@ -1,20 +0,22 @@
-import { onboardingRequestStatusResponse } from "../models/types";
+import { Locale, onboardingRequestStatusResponse } from "../models/types";
+import { t } from "../utils/i18n";
 
 interface CrossmintStatusButtonServiceProps {
     onClick?: (e: any) => void;
+    locale: Locale;
 }
 
-export function crossmintStatusButtonService({ onClick }: CrossmintStatusButtonServiceProps) {
+export function crossmintStatusButtonService({ onClick, locale }: CrossmintStatusButtonServiceProps) {
     const getButtonText = (status: onboardingRequestStatusResponse) => {
         switch (status) {
             case onboardingRequestStatusResponse.INVALID:
-                return "Invalid clientId";
+                return t("crossmintStatusButtonService.INVALID", locale);
             case onboardingRequestStatusResponse.WAITING_SUBMISSION:
-                return "Click here to setup Crossmint";
+                return t("crossmintStatusButtonService.WAITING_SUBMISSION", locale);
             case onboardingRequestStatusResponse.PENDING:
-                return "Your application is under review";
+                return t("crossmintStatusButtonService.PENDING", locale);
             case onboardingRequestStatusResponse.ACCEPTED:
-                return "You're good to go!";
+                return t("crossmintStatusButtonService.ACCEPTED", locale);
             case onboardingRequestStatusResponse.REJECTED:
-                return "Your application was rejected";
+                return t("crossmintStatusButtonService.REJECTED", locale);
         }
@@ -21,0 +23,0 @@ };

No alert changes

Improved metrics

Total package byte prevSize

47923

increased by15.9%

Number of package files

17

increased by13.33%

Lines of code

691

increased by23.17%

No dependency changes