@bosonprotocol/react-kit 0.34.0-alpha.10 → 0.34.0-alpha.11

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.
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { CSSProperties } from "styled-components";
3
3
  import { Connection } from "../../connection/types";
4
+ import { useActivationState } from "../../connection/activate";
4
5
  export interface OptionProps {
5
6
  connection: Connection;
6
7
  color: CSSProperties["color"];
@@ -8,6 +9,9 @@ export interface OptionProps {
8
9
  hoverColor: CSSProperties["color"];
9
10
  backgroundColor: CSSProperties["backgroundColor"];
10
11
  borderRadius: CSSProperties["borderRadius"];
12
+ onOptionClick?: (arg0: {
13
+ activationState: ReturnType<typeof useActivationState>["activationState"];
14
+ }) => void;
11
15
  }
12
- export declare function Option({ connection, color, hoverFocusBackgroundColor, hoverColor, backgroundColor, borderRadius }: OptionProps): JSX.Element;
16
+ export declare function Option({ connection, color, hoverFocusBackgroundColor, hoverColor, backgroundColor, borderRadius, onOptionClick }: OptionProps): JSX.Element;
13
17
  //# sourceMappingURL=Option.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/Option.tsx"],"names":[],"mappings":";AACA,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAI/D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAoGpD,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,UAAU,CAAC;IACvB,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,yBAAyB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC5D,UAAU,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;CAC7C;AACD,wBAAgB,MAAM,CAAC,EACrB,UAAU,EACV,KAAK,EACL,yBAAyB,EACzB,UAAU,EACV,eAAe,EACf,YAAY,EACb,EAAE,WAAW,eAsCb"}
1
+ {"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/Option.tsx"],"names":[],"mappings":";AACA,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAI/D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,EAEL,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;AA+FnC,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,UAAU,CAAC;IACvB,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,yBAAyB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC5D,UAAU,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE;QACrB,eAAe,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC,iBAAiB,CAAC,CAAC;KAC3E,KAAK,IAAI,CAAC;CACZ;AACD,wBAAgB,MAAM,CAAC,EACrB,UAAU,EACV,KAAK,EACL,yBAAyB,EACzB,UAAU,EACV,eAAe,EACf,YAAY,EACZ,aAAa,EACd,EAAE,WAAW,eAyCb"}
@@ -112,7 +112,7 @@ const Wrapper = styled_components_1.default.div `
112
112
  }
113
113
  }
114
114
  `;
115
- function Option({ connection, color, hoverFocusBackgroundColor, hoverColor, backgroundColor, borderRadius }) {
115
+ function Option({ connection, color, hoverFocusBackgroundColor, hoverColor, backgroundColor, borderRadius, onOptionClick }) {
116
116
  var _a;
117
117
  const { activationState, tryActivation } = (0, activate_1.useActivationState)();
118
118
  const toggleAccountDrawer = (0, accountDrawer_1.useToggleAccountDrawer)();
@@ -121,7 +121,10 @@ function Option({ connection, color, hoverFocusBackgroundColor, hoverColor, back
121
121
  const isSomeOptionPending = activationState.status === activate_1.ActivationStatus.PENDING;
122
122
  const isCurrentOptionPending = isSomeOptionPending && activationState.connection.type === connection.type;
123
123
  return (react_1.default.createElement(Wrapper, { disabled: isSomeOptionPending, "$hoverFocusBackgroundColor": hoverFocusBackgroundColor, "$hoverColor": hoverColor, "$backgroundColor": backgroundColor },
124
- react_1.default.createElement(OptionCardClickable, { disabled: isSomeOptionPending, onClick: activate, selected: isCurrentOptionPending, "data-testid": `wallet-option-${connection.type}` },
124
+ react_1.default.createElement(OptionCardClickable, { disabled: isSomeOptionPending, onClick: () => {
125
+ activate();
126
+ onOptionClick === null || onOptionClick === void 0 ? void 0 : onOptionClick({ activationState });
127
+ }, selected: isCurrentOptionPending, "data-testid": `wallet-option-${connection.type}` },
125
128
  react_1.default.createElement(OptionCardLeft, null,
126
129
  react_1.default.createElement(IconWrapper, { "$borderRadius": borderRadius },
127
130
  react_1.default.createElement(SvgImage_1.SvgImage, { src: (_a = connection.getIcon) === null || _a === void 0 ? void 0 : _a.call(connection, false), alt: connection.getName() })),
@@ -1 +1 @@
1
- {"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/Option.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/Option.tsx"],"names":[],"mappings":"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"}
@@ -5,7 +5,7 @@ import { MagicLoginButtonProps } from "../../magicLink/Login";
5
5
  export type WalletModalProps = {
6
6
  PrivacyPolicy: React.FC;
7
7
  magicLoginButtonProps: MagicLoginButtonProps;
8
- optionProps: Pick<OptionProps, "color" | "hoverFocusBackgroundColor" | "hoverColor" | "backgroundColor" | "borderRadius"> & {
8
+ optionProps: Pick<OptionProps, "color" | "hoverFocusBackgroundColor" | "hoverColor" | "backgroundColor" | "borderRadius" | "onOptionClick"> & {
9
9
  iconBorderRadius: CSSProperties["borderRadius"];
10
10
  };
11
11
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAK1D,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAK/C,OAAO,EAAoB,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AA0BhF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACxB,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,WAAW,EAAE,IAAI,CACf,WAAW,EACT,OAAO,GACP,2BAA2B,GAC3B,YAAY,GACZ,iBAAiB,GACjB,cAAc,CACjB,GAAG;QAAE,gBAAgB,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;KAAE,CAAC;CACzD,CAAC;AACF,wBAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,qBAAqB,EACrB,WAAW,EACZ,EAAE,gBAAgB,eAqDlB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAK1D,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAK/C,OAAO,EAAoB,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AA0BhF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACxB,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,WAAW,EAAE,IAAI,CACf,WAAW,EACT,OAAO,GACP,2BAA2B,GAC3B,YAAY,GACZ,iBAAiB,GACjB,cAAc,GACd,eAAe,CAClB,GAAG;QAAE,gBAAgB,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;KAAE,CAAC;CACzD,CAAC;AACF,wBAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,qBAAqB,EACrB,WAAW,EACZ,EAAE,gBAAgB,eAqDlB"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,2CAAgD;AAChD,iCAAkC;AAClC,0EAA0D;AAE1D,wCAAqC;AACrC,sCAA6C;AAC7C,gFAAwD;AACxD,qCAA+C;AAC/C,wDAGmC;AACnC,iDAAgF;AAChF,qEAAkE;AAClE,2DAAwD;AACxD,4CAA6C;AAC7C,8EAAsE;AACtE,sDAA6D;AAC7D,8DAA8D;AAE9D,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;IACtB,yBAAgB;;;;CAInB,CAAC;AAEF,MAAM,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAkD;;;;mBAI5D,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;;IAEnD,uBAAU,CAAC,CAAC;;;CAGf,CAAC;AAcF,SAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,qBAAqB,EACrB,WAAW,EACM;IACjB,MAAM,OAAO,GAAG,IAAA,uBAAU,GAAE,CAAC;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,gCAAgB,GAAE,CAAC;IACtC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,mBAAY,GAAE,CAAC;IACrC,MAAM,cAAc,GAAG,IAAA,oCAAc,GAAE,CAAC;IACxC,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,6BAAkB,GAAE,CAAC;IAEjD,wHAAwH;IACxH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IACE,OAAO;YACP,IAAA,yBAAgB,EAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;YACtD,SAAS,KAAK,cAAc,CAAC,iBAAiB,CAAC,SAAS,EACxD;YACA,cAAc,CAAC,iBAAiB,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;SAC9D;IACH,CAAC,EAAE;QACD,OAAO;QACP,cAAc,CAAC,iBAAiB,CAAC,SAAS;QAC1C,SAAS;QACT,MAAM,CAAC,OAAO;KACf,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IAClD,OAAO,CACL,8BAAC,OAAO,mBAAa,cAAc;QACjC,8BAAC,WAAI,IAAC,cAAc,EAAC,eAAe,EAAC,YAAY,EAAC,MAAM,uBAEjD;QACN,eAAe,CAAC,MAAM,KAAK,2BAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CACnD,8BAAC,6BAAmB,OAAG,CACxB,CAAC,CAAC,CAAC,CACF,8BAAC,mBAAU,YAAM,MAAM;YACrB,8BAAC,UAAU,mBACG,aAAa,mBACV,WAAW,CAAC,YAAY,IAEtC,WAAW;iBACT,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;iBAClD,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CACnB,8BAAC,eAAM,oBACD,WAAW,IACf,YAAY,EAAE,WAAW,CAAC,gBAAgB,EAC1C,GAAG,EAAE,UAAU,CAAC,OAAO,EAAE,EACzB,UAAU,EAAE,UAAU,IACtB,CACH,CAAC,CACO;YACb,8BAAC,wBAAgB,oBAAK,qBAAqB,EAAI;YAC/C,8BAAC,aAAa,OAAG,CACN,CACd,CACO,CACX,CAAC;AACJ,CAAC;AAzDD,kCAyDC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,2CAAgD;AAChD,iCAAkC;AAClC,0EAA0D;AAE1D,wCAAqC;AACrC,sCAA6C;AAC7C,gFAAwD;AACxD,qCAA+C;AAC/C,wDAGmC;AACnC,iDAAgF;AAChF,qEAAkE;AAClE,2DAAwD;AACxD,4CAA6C;AAC7C,8EAAsE;AACtE,sDAA6D;AAC7D,8DAA8D;AAE9D,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;IACtB,yBAAgB;;;;CAInB,CAAC;AAEF,MAAM,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAkD;;;;mBAI5D,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;;IAEnD,uBAAU,CAAC,CAAC;;;CAGf,CAAC;AAeF,SAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,qBAAqB,EACrB,WAAW,EACM;IACjB,MAAM,OAAO,GAAG,IAAA,uBAAU,GAAE,CAAC;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,gCAAgB,GAAE,CAAC;IACtC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,mBAAY,GAAE,CAAC;IACrC,MAAM,cAAc,GAAG,IAAA,oCAAc,GAAE,CAAC;IACxC,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,6BAAkB,GAAE,CAAC;IAEjD,wHAAwH;IACxH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IACE,OAAO;YACP,IAAA,yBAAgB,EAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;YACtD,SAAS,KAAK,cAAc,CAAC,iBAAiB,CAAC,SAAS,EACxD;YACA,cAAc,CAAC,iBAAiB,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;SAC9D;IACH,CAAC,EAAE;QACD,OAAO;QACP,cAAc,CAAC,iBAAiB,CAAC,SAAS;QAC1C,SAAS;QACT,MAAM,CAAC,OAAO;KACf,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IAClD,OAAO,CACL,8BAAC,OAAO,mBAAa,cAAc;QACjC,8BAAC,WAAI,IAAC,cAAc,EAAC,eAAe,EAAC,YAAY,EAAC,MAAM,uBAEjD;QACN,eAAe,CAAC,MAAM,KAAK,2BAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CACnD,8BAAC,6BAAmB,OAAG,CACxB,CAAC,CAAC,CAAC,CACF,8BAAC,mBAAU,YAAM,MAAM;YACrB,8BAAC,UAAU,mBACG,aAAa,mBACV,WAAW,CAAC,YAAY,IAEtC,WAAW;iBACT,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;iBAClD,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CACnB,8BAAC,eAAM,oBACD,WAAW,IACf,YAAY,EAAE,WAAW,CAAC,gBAAgB,EAC1C,GAAG,EAAE,UAAU,CAAC,OAAO,EAAE,EACzB,UAAU,EAAE,UAAU,IACtB,CACH,CAAC,CACO;YACb,8BAAC,wBAAgB,oBAAK,qBAAqB,EAAI;YAC/C,8BAAC,aAAa,OAAG,CACN,CACd,CACO,CACX,CAAC;AACJ,CAAC;AAzDD,kCAyDC"}
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { CSSProperties } from "styled-components";
3
3
  import { Connection } from "../../connection/types";
4
+ import { useActivationState } from "../../connection/activate";
4
5
  export interface OptionProps {
5
6
  connection: Connection;
6
7
  color: CSSProperties["color"];
@@ -8,6 +9,9 @@ export interface OptionProps {
8
9
  hoverColor: CSSProperties["color"];
9
10
  backgroundColor: CSSProperties["backgroundColor"];
10
11
  borderRadius: CSSProperties["borderRadius"];
12
+ onOptionClick?: (arg0: {
13
+ activationState: ReturnType<typeof useActivationState>["activationState"];
14
+ }) => void;
11
15
  }
12
- export declare function Option({ connection, color, hoverFocusBackgroundColor, hoverColor, backgroundColor, borderRadius }: OptionProps): JSX.Element;
16
+ export declare function Option({ connection, color, hoverFocusBackgroundColor, hoverColor, backgroundColor, borderRadius, onOptionClick }: OptionProps): JSX.Element;
13
17
  //# sourceMappingURL=Option.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/Option.tsx"],"names":[],"mappings":";AACA,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAI/D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAoGpD,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,UAAU,CAAC;IACvB,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,yBAAyB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC5D,UAAU,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;CAC7C;AACD,wBAAgB,MAAM,CAAC,EACrB,UAAU,EACV,KAAK,EACL,yBAAyB,EACzB,UAAU,EACV,eAAe,EACf,YAAY,EACb,EAAE,WAAW,eAsCb"}
1
+ {"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/Option.tsx"],"names":[],"mappings":";AACA,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAI/D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,EAEL,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;AA+FnC,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,UAAU,CAAC;IACvB,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,yBAAyB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC5D,UAAU,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE;QACrB,eAAe,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC,iBAAiB,CAAC,CAAC;KAC3E,KAAK,IAAI,CAAC;CACZ;AACD,wBAAgB,MAAM,CAAC,EACrB,UAAU,EACV,KAAK,EACL,yBAAyB,EACzB,UAAU,EACV,eAAe,EACf,YAAY,EACZ,aAAa,EACd,EAAE,WAAW,eAyCb"}
@@ -83,7 +83,7 @@ const Wrapper = styled.div `
83
83
  }
84
84
  }
85
85
  `;
86
- export function Option({ connection, color, hoverFocusBackgroundColor, hoverColor, backgroundColor, borderRadius }) {
86
+ export function Option({ connection, color, hoverFocusBackgroundColor, hoverColor, backgroundColor, borderRadius, onOptionClick }) {
87
87
  const { activationState, tryActivation } = useActivationState();
88
88
  const toggleAccountDrawer = useToggleAccountDrawer();
89
89
  const chainId = useChainId();
@@ -91,7 +91,10 @@ export function Option({ connection, color, hoverFocusBackgroundColor, hoverColo
91
91
  const isSomeOptionPending = activationState.status === ActivationStatus.PENDING;
92
92
  const isCurrentOptionPending = isSomeOptionPending && activationState.connection.type === connection.type;
93
93
  return (React.createElement(Wrapper, { disabled: isSomeOptionPending, "$hoverFocusBackgroundColor": hoverFocusBackgroundColor, "$hoverColor": hoverColor, "$backgroundColor": backgroundColor },
94
- React.createElement(OptionCardClickable, { disabled: isSomeOptionPending, onClick: activate, selected: isCurrentOptionPending, "data-testid": `wallet-option-${connection.type}` },
94
+ React.createElement(OptionCardClickable, { disabled: isSomeOptionPending, onClick: () => {
95
+ activate();
96
+ onOptionClick?.({ activationState });
97
+ }, selected: isCurrentOptionPending, "data-testid": `wallet-option-${connection.type}` },
95
98
  React.createElement(OptionCardLeft, null,
96
99
  React.createElement(IconWrapper, { "$borderRadius": borderRadius },
97
100
  React.createElement(SvgImage, { src: connection.getIcon?.(false), alt: connection.getName() })),
@@ -1 +1 @@
1
- {"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/Option.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/Option.tsx"],"names":[],"mappings":"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"}
@@ -5,7 +5,7 @@ import { MagicLoginButtonProps } from "../../magicLink/Login";
5
5
  export type WalletModalProps = {
6
6
  PrivacyPolicy: React.FC;
7
7
  magicLoginButtonProps: MagicLoginButtonProps;
8
- optionProps: Pick<OptionProps, "color" | "hoverFocusBackgroundColor" | "hoverColor" | "backgroundColor" | "borderRadius"> & {
8
+ optionProps: Pick<OptionProps, "color" | "hoverFocusBackgroundColor" | "hoverColor" | "backgroundColor" | "borderRadius" | "onOptionClick"> & {
9
9
  iconBorderRadius: CSSProperties["borderRadius"];
10
10
  };
11
11
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAK1D,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAK/C,OAAO,EAAoB,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AA0BhF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACxB,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,WAAW,EAAE,IAAI,CACf,WAAW,EACT,OAAO,GACP,2BAA2B,GAC3B,YAAY,GACZ,iBAAiB,GACjB,cAAc,CACjB,GAAG;QAAE,gBAAgB,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;KAAE,CAAC;CACzD,CAAC;AACF,wBAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,qBAAqB,EACrB,WAAW,EACZ,EAAE,gBAAgB,eAqDlB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAK1D,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAK/C,OAAO,EAAoB,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AA0BhF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACxB,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,WAAW,EAAE,IAAI,CACf,WAAW,EACT,OAAO,GACP,2BAA2B,GAC3B,YAAY,GACZ,iBAAiB,GACjB,cAAc,GACd,eAAe,CAClB,GAAG;QAAE,gBAAgB,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;KAAE,CAAC;CACzD,CAAC;AACF,wBAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,qBAAqB,EACrB,WAAW,EACZ,EAAE,gBAAgB,eAqDlB"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bosonprotocol/react-kit",
3
3
  "description": "React toolkit with smart components and hooks for building on top of the Boson Protocol.",
4
- "version": "0.34.0-alpha.10",
4
+ "version": "0.34.0-alpha.11",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",
7
7
  "types": "./dist/cjs/index.d.ts",
@@ -15,9 +15,9 @@
15
15
  "license": "Apache-2.0",
16
16
  "dependencies": {
17
17
  "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
18
- "@bosonprotocol/core-sdk": "^1.41.0-alpha.12",
19
- "@bosonprotocol/ethers-sdk": "^1.14.6-alpha.3",
20
- "@bosonprotocol/ipfs-storage": "^1.12.0-alpha.10",
18
+ "@bosonprotocol/core-sdk": "^1.41.0-alpha.13",
19
+ "@bosonprotocol/ethers-sdk": "^1.14.6-alpha.4",
20
+ "@bosonprotocol/ipfs-storage": "^1.12.0-alpha.11",
21
21
  "@davatar/react": "1.11.1",
22
22
  "@ethersproject/units": "5.6.0",
23
23
  "@glidejs/glide": "3.6.0",
@@ -188,5 +188,5 @@
188
188
  "overrides": {
189
189
  "typescript": "^5.1.6"
190
190
  },
191
- "gitHead": "24befbd14399a4860f589b8aff7c0ededeccda24"
191
+ "gitHead": "38cb59792558bfb9e93a1c4fb818d125aa9de017"
192
192
  }
@@ -110,6 +110,9 @@ export interface OptionProps {
110
110
  hoverColor: CSSProperties["color"];
111
111
  backgroundColor: CSSProperties["backgroundColor"];
112
112
  borderRadius: CSSProperties["borderRadius"];
113
+ onOptionClick?: (arg0: {
114
+ activationState: ReturnType<typeof useActivationState>["activationState"];
115
+ }) => void;
113
116
  }
114
117
  export function Option({
115
118
  connection,
@@ -117,7 +120,8 @@ export function Option({
117
120
  hoverFocusBackgroundColor,
118
121
  hoverColor,
119
122
  backgroundColor,
120
- borderRadius
123
+ borderRadius,
124
+ onOptionClick
121
125
  }: OptionProps) {
122
126
  const { activationState, tryActivation } = useActivationState();
123
127
  const toggleAccountDrawer = useToggleAccountDrawer();
@@ -139,7 +143,10 @@ export function Option({
139
143
  >
140
144
  <OptionCardClickable
141
145
  disabled={isSomeOptionPending}
142
- onClick={activate}
146
+ onClick={() => {
147
+ activate();
148
+ onOptionClick?.({ activationState });
149
+ }}
143
150
  selected={isCurrentOptionPending}
144
151
  data-testid={`wallet-option-${connection.type}`}
145
152
  >
@@ -47,6 +47,7 @@ export type WalletModalProps = {
47
47
  | "hoverColor"
48
48
  | "backgroundColor"
49
49
  | "borderRadius"
50
+ | "onOptionClick"
50
51
  > & { iconBorderRadius: CSSProperties["borderRadius"] };
51
52
  };
52
53
  export function WalletModal({