@crossmint/client-sdk-react-ui 0.1.1 → 0.1.2

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.
Files changed (18) hide show
  1. package/lib/cjs/CrossmintStatusButton.d.ts +2 -2
  2. package/lib/cjs/CrossmintStatusButton.js +18 -3
  3. package/lib/cjs/CrossmintStatusButton.js.map +1 -1
  4. package/lib/cjs/types.d.ts +7 -0
  5. package/lib/cjs/version.d.ts +1 -1
  6. package/lib/cjs/version.js +1 -1
  7. package/lib/cjs/version.js.map +1 -1
  8. package/lib/esm/CrossmintStatusButton.d.ts +2 -2
  9. package/lib/esm/CrossmintStatusButton.js +18 -3
  10. package/lib/esm/CrossmintStatusButton.js.map +1 -1
  11. package/lib/esm/types.d.ts +7 -0
  12. package/lib/esm/version.d.ts +1 -1
  13. package/lib/esm/version.js +1 -1
  14. package/lib/esm/version.js.map +1 -1
  15. package/package.json +2 -2
  16. package/src/CrossmintStatusButton.tsx +29 -9
  17. package/src/types.ts +9 -0
  18. package/src/version.ts +1 -1
package/lib/cjs/CrossmintStatusButton.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { FC } from "react";
2
- import { BaseButtonProps } from "./types";
3
- export declare const CrossmintStatusButton: FC<BaseButtonProps>;
2
+ import { CrossmintStatusButtonProps } from "./types";
3
+ export declare const CrossmintStatusButton: FC<CrossmintStatusButtonProps>;
package/lib/cjs/CrossmintStatusButton.js CHANGED
@@ -41,14 +41,29 @@ const styles_1 = require("./styles");
41
41
  const types_1 = require("./types");
42
42
  const utils_1 = require("./utils");
43
43
  const CrossmintStatusButton = (_a) => {
44
- var { className, disabled, onClick, style, tabIndex, theme = "dark", clientId, auctionId, development = false } = _a, props = __rest(_a, ["className", "disabled", "onClick", "style", "tabIndex", "theme", "clientId", "auctionId", "development"]);
44
+ var { className, disabled, onClick, style, tabIndex, theme = "dark", clientId, auctionId, development = false, platformId, mintConfig } = _a, props = __rest(_a, ["className", "disabled", "onClick", "style", "tabIndex", "theme", "clientId", "auctionId", "development", "platformId", "mintConfig"]);
45
45
  const status = (0, useCrossmintStatus_1.default)({ clientId, development });
46
+ const formatOnboardingQueryParams = () => {
47
+ const onboardingQueryParams = {
48
+ clientId: clientId,
49
+ };
50
+ if (platformId)
51
+ onboardingQueryParams.platformId = platformId;
52
+ if (auctionId)
53
+ onboardingQueryParams.auctionId = auctionId;
54
+ if (mintConfig)
55
+ onboardingQueryParams.mintConfig = JSON.stringify(mintConfig);
56
+ return new URLSearchParams(onboardingQueryParams).toString();
57
+ };
58
+ const goToOnboarding = () => {
59
+ const baseUrl = development ? types_1.baseUrls.dev : types_1.baseUrls.prod;
60
+ window.open(`${baseUrl}/developers/onboarding?${formatOnboardingQueryParams()}`, "_blank");
61
+ };
46
62
  const handleClick = (0, react_1.useCallback)((event) => {
47
63
  if (onClick)
48
64
  onClick(event);
49
65
  if (status === useCrossmintStatus_1.OnboardingRequestStatusResponse.WAITING_SUBMISSION) {
50
- const baseUrl = development ? types_1.baseUrls.dev : types_1.baseUrls.prod;
51
- window.open(`${baseUrl}/developers/onboarding${clientId ? `?clientId=${clientId}` : ""}${auctionId ? `&auctionId=${auctionId}` : ""}`, "_blank");
66
+ goToOnboarding();
52
67
  return;
53
68
  }
54
69
  }, [status]);
package/lib/cjs/CrossmintStatusButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CrossmintStatusButton.js","sourceRoot":"","sources":["../../src/CrossmintStatusButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2E;AAC3E,iFAAiG;AACjG,qCAAkD;AAClD,mCAAoD;AACpD,mCAAuC;AAEhC,MAAM,qBAAqB,GAAwB,CAAC,EAW1D,EAAE,EAAE;QAXsD,EACvD,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,SAAS,EACT,WAAW,GAAG,KAAK,OAEtB,EADM,KAAK,cAV+C,0GAW1D,CADW;IAER,MAAM,MAAM,GAAG,IAAA,4BAAkB,EAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAyC,IAAA,mBAAW,EACjE,CAAC,KAAK,EAAE,EAAE;QACN,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAE5B,IAAI,MAAM,KAAK,oDAA+B,CAAC,kBAAkB,EAAE;YAC/D,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,gBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,gBAAQ,CAAC,IAAI,CAAC;YAC3D,MAAM,CAAC,IAAI,CACP,GAAG,OAAO,yBAAyB,QAAQ,CAAC,CAAC,CAAC,aAAa,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,GACtE,SAAS,CAAC,CAAC,CAAC,cAAc,SAAS,EAAE,CAAC,CAAC,CAAC,EAC5C,EAAE,EACF,QAAQ,CACX,CAAC;YACF,OAAO;SACV;IACL,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,kBAAS,EAAC,IAAA,oBAAW,EAAC,KAAK,CAAC,CAAC,CAAC;IAE9C,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,QAAQ,MAAM,EAAE;YACZ,KAAK,oDAA+B,CAAC,OAAO;gBACxC,OAAO,qCAAG,SAAS,EAAE,OAAO,CAAC,kBAAkB,uBAAsB,CAAC;YAC1E,KAAK,oDAA+B,CAAC,kBAAkB;gBACnD,OAAO,qCAAG,SAAS,EAAE,OAAO,CAAC,kBAAkB,oCAAmC,CAAC;YACvF,KAAK,oDAA+B,CAAC,OAAO;gBACxC,OAAO,qCAAG,SAAS,EAAE,OAAO,CAAC,kBAAkB,uCAAsC,CAAC;YAC1F,KAAK,oDAA+B,CAAC,QAAQ;gBACzC,OAAO,qCAAG,SAAS,EAAE,OAAO,CAAC,kBAAkB,yBAAwB,CAAC;YAC5E,KAAK,oDAA+B,CAAC,QAAQ;gBACzC,OAAO,qCAAG,SAAS,EAAE,OAAO,CAAC,kBAAkB,oCAAmC,CAAC;SAC1F;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,8DACK,oBAAY,IAAI,CACb,wDACI,SAAS,EAAE,GAAG,OAAO,CAAC,eAAe,IAAI,SAAS,EAAE,EACpD,QAAQ,EAAE,MAAM,KAAK,oDAA+B,CAAC,kBAAkB,EACvE,OAAO,EAAE,WAAW,EACpB,KAAK,oBAAO,KAAK,GACjB,QAAQ,EAAE,QAAQ,IACd,KAAK;QAET,uCACI,SAAS,EAAE,OAAO,CAAC,YAAY,EAC/B,GAAG,EAAE,GAAG,gBAAQ,CAAC,IAAI,4BAA4B,EACjD,GAAG,EAAC,gBAAgB,GACtB;QACD,OAAO,CACH,CACZ,CACF,CACN,CAAC;AACN,CAAC,CAAC;AAtEW,QAAA,qBAAqB,yBAsEhC"}
1
+ {"version":3,"file":"CrossmintStatusButton.js","sourceRoot":"","sources":["../../src/CrossmintStatusButton.tsx"],"names":[],"mappings":"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"}
package/lib/cjs/types.d.ts CHANGED
@@ -23,6 +23,9 @@ export interface PayButtonConfig {
23
23
  type: string;
24
24
  [propName: string]: any;
25
25
  }
26
+ export interface StatusButtonConfig {
27
+ [propName: string]: any;
28
+ }
26
29
  export interface BaseButtonProps {
27
30
  className?: string;
28
31
  disabled?: boolean;
@@ -45,4 +48,8 @@ export interface CrossmintPayButtonProps extends BaseButtonProps {
45
48
  hideMintOnInactiveClient?: boolean;
46
49
  mintConfig?: PayButtonConfig;
47
50
  }
51
+ export interface CrossmintStatusButtonProps extends BaseButtonProps {
52
+ platformId?: string;
53
+ mintConfig?: StatusButtonConfig;
54
+ }
48
55
  export {};
package/lib/cjs/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const LIB_VERSION = "0.1.1-alpha.0";
1
+ export declare const LIB_VERSION = "0.1.1";
package/lib/cjs/version.js CHANGED
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.LIB_VERSION = void 0;
4
- exports.LIB_VERSION = "0.1.1-alpha.0";
4
+ exports.LIB_VERSION = "0.1.1";
5
5
  //# sourceMappingURL=version.js.map
package/lib/cjs/version.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG,eAAe,CAAC"}
1
+ {"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG,OAAO,CAAC"}
package/lib/esm/CrossmintStatusButton.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { FC } from "react";
2
- import { BaseButtonProps } from "./types";
3
- export declare const CrossmintStatusButton: FC<BaseButtonProps>;
2
+ import { CrossmintStatusButtonProps } from "./types";
3
+ export declare const CrossmintStatusButton: FC<CrossmintStatusButtonProps>;
package/lib/esm/CrossmintStatusButton.js CHANGED
@@ -3,14 +3,29 @@ import useCrossmintStatus, { OnboardingRequestStatusResponse } from "./hooks/use
3
3
  import { useStyles, formatProps } from "./styles";
4
4
  import { baseUrls } from "./types";
5
5
  import { isClientSide } from "./utils";
6
- export const CrossmintStatusButton = ({ className, disabled, onClick, style, tabIndex, theme = "dark", clientId, auctionId, development = false, ...props }) => {
6
+ export const CrossmintStatusButton = ({ className, disabled, onClick, style, tabIndex, theme = "dark", clientId, auctionId, development = false, platformId, mintConfig, ...props }) => {
7
7
  const status = useCrossmintStatus({ clientId, development });
8
+ const formatOnboardingQueryParams = () => {
9
+ const onboardingQueryParams = {
10
+ clientId: clientId,
11
+ };
12
+ if (platformId)
13
+ onboardingQueryParams.platformId = platformId;
14
+ if (auctionId)
15
+ onboardingQueryParams.auctionId = auctionId;
16
+ if (mintConfig)
17
+ onboardingQueryParams.mintConfig = JSON.stringify(mintConfig);
18
+ return new URLSearchParams(onboardingQueryParams).toString();
19
+ };
20
+ const goToOnboarding = () => {
21
+ const baseUrl = development ? baseUrls.dev : baseUrls.prod;
22
+ window.open(`${baseUrl}/developers/onboarding?${formatOnboardingQueryParams()}`, "_blank");
23
+ };
8
24
  const handleClick = useCallback((event) => {
9
25
  if (onClick)
10
26
  onClick(event);
11
27
  if (status === OnboardingRequestStatusResponse.WAITING_SUBMISSION) {
12
- const baseUrl = development ? baseUrls.dev : baseUrls.prod;
13
- window.open(`${baseUrl}/developers/onboarding${clientId ? `?clientId=${clientId}` : ""}${auctionId ? `&auctionId=${auctionId}` : ""}`, "_blank");
28
+ goToOnboarding();
14
29
  return;
15
30
  }
16
31
  }, [status]);
package/lib/esm/CrossmintStatusButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CrossmintStatusButton.js","sourceRoot":"","sources":["../../src/CrossmintStatusButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,kBAAkB,EAAE,EAAE,+BAA+B,EAAE,MAAM,4BAA4B,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAmB,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,CAAC,MAAM,qBAAqB,GAAwB,CAAC,EACvD,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,SAAS,EACT,WAAW,GAAG,KAAK,EACnB,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,MAAM,GAAG,kBAAkB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAyC,WAAW,CACjE,CAAC,KAAK,EAAE,EAAE;QACN,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAE5B,IAAI,MAAM,KAAK,+BAA+B,CAAC,kBAAkB,EAAE;YAC/D,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;YAC3D,MAAM,CAAC,IAAI,CACP,GAAG,OAAO,yBAAyB,QAAQ,CAAC,CAAC,CAAC,aAAa,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,GACtE,SAAS,CAAC,CAAC,CAAC,cAAc,SAAS,EAAE,CAAC,CAAC,CAAC,EAC5C,EAAE,EACF,QAAQ,CACX,CAAC;YACF,OAAO;SACV;IACL,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,OAAO,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAE9C,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,QAAQ,MAAM,EAAE;YACZ,KAAK,+BAA+B,CAAC,OAAO;gBACxC,OAAO,2BAAG,SAAS,EAAE,OAAO,CAAC,kBAAkB,uBAAsB,CAAC;YAC1E,KAAK,+BAA+B,CAAC,kBAAkB;gBACnD,OAAO,2BAAG,SAAS,EAAE,OAAO,CAAC,kBAAkB,oCAAmC,CAAC;YACvF,KAAK,+BAA+B,CAAC,OAAO;gBACxC,OAAO,2BAAG,SAAS,EAAE,OAAO,CAAC,kBAAkB,uCAAsC,CAAC;YAC1F,KAAK,+BAA+B,CAAC,QAAQ;gBACzC,OAAO,2BAAG,SAAS,EAAE,OAAO,CAAC,kBAAkB,yBAAwB,CAAC;YAC5E,KAAK,+BAA+B,CAAC,QAAQ;gBACzC,OAAO,2BAAG,SAAS,EAAE,OAAO,CAAC,kBAAkB,oCAAmC,CAAC;SAC1F;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,0CACK,YAAY,IAAI,CACb,gCACI,SAAS,EAAE,GAAG,OAAO,CAAC,eAAe,IAAI,SAAS,EAAE,EACpD,QAAQ,EAAE,MAAM,KAAK,+BAA+B,CAAC,kBAAkB,EACvE,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,QAAQ,EAAE,QAAQ,KACd,KAAK;QAET,6BACI,SAAS,EAAE,OAAO,CAAC,YAAY,EAC/B,GAAG,EAAE,GAAG,QAAQ,CAAC,IAAI,4BAA4B,EACjD,GAAG,EAAC,gBAAgB,GACtB;QACD,OAAO,CACH,CACZ,CACF,CACN,CAAC;AACN,CAAC,CAAC"}
1
+ {"version":3,"file":"CrossmintStatusButton.js","sourceRoot":"","sources":["../../src/CrossmintStatusButton.tsx"],"names":[],"mappings":"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"}
package/lib/esm/types.d.ts CHANGED
@@ -23,6 +23,9 @@ export interface PayButtonConfig {
23
23
  type: string;
24
24
  [propName: string]: any;
25
25
  }
26
+ export interface StatusButtonConfig {
27
+ [propName: string]: any;
28
+ }
26
29
  export interface BaseButtonProps {
27
30
  className?: string;
28
31
  disabled?: boolean;
@@ -45,4 +48,8 @@ export interface CrossmintPayButtonProps extends BaseButtonProps {
45
48
  hideMintOnInactiveClient?: boolean;
46
49
  mintConfig?: PayButtonConfig;
47
50
  }
51
+ export interface CrossmintStatusButtonProps extends BaseButtonProps {
52
+ platformId?: string;
53
+ mintConfig?: StatusButtonConfig;
54
+ }
48
55
  export {};
package/lib/esm/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const LIB_VERSION = "0.1.1-alpha.0";
1
+ export declare const LIB_VERSION = "0.1.1";
package/lib/esm/version.js CHANGED
@@ -1,2 +1,2 @@
1
- export const LIB_VERSION = "0.1.1-alpha.0";
1
+ export const LIB_VERSION = "0.1.1";
2
2
  //# sourceMappingURL=version.js.map
package/lib/esm/version.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC"}
1
+ {"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@crossmint/client-sdk-react-ui",
3
- "version": "0.1.1",
3
+ "version": "0.1.2",
4
4
  "author": "Paella Labs Inc",
5
5
  "license": "Apache-2.0",
6
6
  "repository": "https://github.com/CrossMint/crossmint-client-sdk",
@@ -49,5 +49,5 @@
49
49
  "ts-jest": "^27.1.3",
50
50
  "ts-node-dev": "^1.1.8"
51
51
  },
52
- "gitHead": "507035f9c2a0c5b72af5007c96089f46e66e8e53"
52
+ "gitHead": "f9046d4c7681111028a1d19e9cb95cb3dde2316f"
53
53
  }
package/src/CrossmintStatusButton.tsx CHANGED
@@ -1,10 +1,17 @@
1
1
  import React, { FC, MouseEventHandler, useMemo, useCallback } from "react";
2
2
  import useCrossmintStatus, { OnboardingRequestStatusResponse } from "./hooks/useCrossmintStatus";
3
3
  import { useStyles, formatProps } from "./styles";
4
- import { baseUrls, BaseButtonProps } from "./types";
4
+ import { baseUrls, CrossmintStatusButtonProps } from "./types";
5
5
  import { isClientSide } from "./utils";
6
6
 
7
- export const CrossmintStatusButton: FC<BaseButtonProps> = ({
7
+ type OnboardingQueryParams = {
8
+ clientId: string;
9
+ platformId?: string;
10
+ auctionId?: string;
11
+ mintConfig?: string;
12
+ };
13
+
14
+ export const CrossmintStatusButton: FC<CrossmintStatusButtonProps> = ({
8
15
  className,
9
16
  disabled,
10
17
  onClick,
@@ -14,22 +21,35 @@ export const CrossmintStatusButton: FC<BaseButtonProps> = ({
14
21
  clientId,
15
22
  auctionId,
16
23
  development = false,
24
+ platformId,
25
+ mintConfig,
17
26
  ...props
18
27
  }) => {
19
28
  const status = useCrossmintStatus({ clientId, development });
20
29
 
30
+ const formatOnboardingQueryParams = () => {
31
+ const onboardingQueryParams: OnboardingQueryParams = {
32
+ clientId: clientId,
33
+ };
34
+
35
+ if (platformId) onboardingQueryParams.platformId = platformId;
36
+ if (auctionId) onboardingQueryParams.auctionId = auctionId;
37
+ if (mintConfig) onboardingQueryParams.mintConfig = JSON.stringify(mintConfig);
38
+
39
+ return new URLSearchParams(onboardingQueryParams).toString();
40
+ };
41
+
42
+ const goToOnboarding = () => {
43
+ const baseUrl = development ? baseUrls.dev : baseUrls.prod;
44
+ window.open(`${baseUrl}/developers/onboarding?${formatOnboardingQueryParams()}`, "_blank");
45
+ };
46
+
21
47
  const handleClick: MouseEventHandler<HTMLButtonElement> = useCallback(
22
48
  (event) => {
23
49
  if (onClick) onClick(event);
24
50
 
25
51
  if (status === OnboardingRequestStatusResponse.WAITING_SUBMISSION) {
26
- const baseUrl = development ? baseUrls.dev : baseUrls.prod;
27
- window.open(
28
- `${baseUrl}/developers/onboarding${clientId ? `?clientId=${clientId}` : ""}${
29
- auctionId ? `&auctionId=${auctionId}` : ""
30
- }`,
31
- "_blank"
32
- );
52
+ goToOnboarding();
33
53
  return;
34
54
  }
35
55
  },
package/src/types.ts CHANGED
@@ -31,6 +31,10 @@ export interface PayButtonConfig {
31
31
  [propName: string]: any;
32
32
  }
33
33
 
34
+ export interface StatusButtonConfig {
35
+ [propName: string]: any;
36
+ }
37
+
34
38
  export interface BaseButtonProps {
35
39
  className?: string;
36
40
  disabled?: boolean;
@@ -54,3 +58,8 @@ export interface CrossmintPayButtonProps extends BaseButtonProps {
54
58
  hideMintOnInactiveClient?: boolean;
55
59
  mintConfig?: PayButtonConfig;
56
60
  }
61
+
62
+ export interface CrossmintStatusButtonProps extends BaseButtonProps {
63
+ platformId?: string;
64
+ mintConfig?: StatusButtonConfig;
65
+ }
package/src/version.ts CHANGED
@@ -1 +1 @@
1
- export const LIB_VERSION = "0.1.1";
1
+ export const LIB_VERSION = "0.1.2";