@mirai/core 0.4.440 → 0.4.442
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/build/components/Chat/components/Message/Message.js +23 -6
- package/build/components/Chat/components/Message/Message.js.map +1 -1
- package/build/components/Chat/components/Message/Message.module.css +5 -0
- package/build/components/__shared__/ButtonPayment/components/FormStripe/FormStripe.js +5 -2
- package/build/components/__shared__/ButtonPayment/components/FormStripe/FormStripe.js.map +1 -1
- package/package.json +1 -1
|
@@ -8,13 +8,13 @@ var _dataSources = require("@mirai/data-sources");
|
|
|
8
8
|
var _locale = require("@mirai/locale");
|
|
9
9
|
var _ui = require("@mirai/ui");
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
var _react =
|
|
11
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _components = require("./components");
|
|
13
13
|
var _helpers = require("./helpers");
|
|
14
14
|
var _Message = require("./Message.l10n");
|
|
15
15
|
var style = _interopRequireWildcard(require("./Message.module.css"));
|
|
16
16
|
var _helpers2 = require("../../../helpers");
|
|
17
|
-
const _excluded = ["busy", "disabled", "synapse", "text", "url"],
|
|
17
|
+
const _excluded = ["busy", "disabled", "images", "synapse", "text", "url"],
|
|
18
18
|
_excluded2 = ["testId"];
|
|
19
19
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
20
20
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -30,24 +30,34 @@ const Message = _ref => {
|
|
|
30
30
|
let {
|
|
31
31
|
busy = false,
|
|
32
32
|
disabled,
|
|
33
|
+
images = [],
|
|
33
34
|
synapse,
|
|
34
35
|
text,
|
|
35
36
|
url
|
|
36
37
|
} = _ref,
|
|
37
38
|
others = _objectWithoutProperties(_ref, _excluded);
|
|
39
|
+
const {
|
|
40
|
+
translate
|
|
41
|
+
} = (0, _locale.useLocale)();
|
|
42
|
+
const containerRef = (0, _react.useRef)();
|
|
38
43
|
const {
|
|
39
44
|
value: {
|
|
40
45
|
urlParams = {}
|
|
41
46
|
} = {}
|
|
42
47
|
} = (0, _dataSources.useStore)();
|
|
43
|
-
const
|
|
44
|
-
translate
|
|
45
|
-
} = (0, _locale.useLocale)();
|
|
48
|
+
const [containerWidth, setContainerWidth] = (0, _react.useState)();
|
|
46
49
|
const {
|
|
47
50
|
testId
|
|
48
51
|
} = others,
|
|
49
52
|
synapseProps = _objectWithoutProperties(others, _excluded2);
|
|
50
53
|
const Text = synapse && !disabled && !busy ? _components.Typewriter : _ui.Text;
|
|
54
|
+
(0, _react.useEffect)(() => {
|
|
55
|
+
if (!synapse || !(containerRef !== null && containerRef !== void 0 && containerRef.current)) return setContainerWidth();
|
|
56
|
+
const updateWidth = () => setContainerWidth(containerRef.current.offsetWidth);
|
|
57
|
+
updateWidth();
|
|
58
|
+
window.addEventListener('resize', updateWidth);
|
|
59
|
+
return () => window.removeEventListener('resize', updateWidth);
|
|
60
|
+
}, [synapse]);
|
|
51
61
|
const handlePress = url => {
|
|
52
62
|
window.open(url, '_blank');
|
|
53
63
|
};
|
|
@@ -59,6 +69,7 @@ const Message = _ref => {
|
|
|
59
69
|
wide: true,
|
|
60
70
|
className: (0, _ui.styles)(style.message, synapse && style.synapse)
|
|
61
71
|
}, /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
72
|
+
ref: synapse ? containerRef : undefined,
|
|
62
73
|
className: (0, _ui.styles)(style.content, synapse && style.synapse, busy && style.busy)
|
|
63
74
|
}, busy ? /*#__PURE__*/_react.default.createElement(_ui.View, {
|
|
64
75
|
className: style.spinner
|
|
@@ -73,7 +84,12 @@ const Message = _ref => {
|
|
|
73
84
|
}), /*#__PURE__*/_react.default.createElement(_ui.Text, {
|
|
74
85
|
action: true,
|
|
75
86
|
className: style.text
|
|
76
|
-
}, translate(_Message.L10N.LABEL_VIEW_LINK)))
|
|
87
|
+
}, translate(_Message.L10N.LABEL_VIEW_LINK))), images.length > 0 && containerWidth && /*#__PURE__*/_react.default.createElement(_ui.Slider, {
|
|
88
|
+
height: containerWidth * 0.66,
|
|
89
|
+
images: images,
|
|
90
|
+
width: containerWidth,
|
|
91
|
+
className: style.gallery
|
|
92
|
+
})))), !busy && synapse && urlParams.sarai === 'environment' && /*#__PURE__*/_react.default.createElement(_components.Environment, _objectSpread(_objectSpread({
|
|
77
93
|
synapse
|
|
78
94
|
}, others), synapseProps)));
|
|
79
95
|
};
|
|
@@ -81,6 +97,7 @@ exports.Message = Message;
|
|
|
81
97
|
Message.propTypes = {
|
|
82
98
|
busy: _propTypes.default.bool,
|
|
83
99
|
disabled: _propTypes.default.bool,
|
|
100
|
+
images: _propTypes.default.arrayOf(_propTypes.default.string),
|
|
84
101
|
synapse: _propTypes.default.bool,
|
|
85
102
|
text: _propTypes.default.string,
|
|
86
103
|
url: _propTypes.default.string
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Message.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_components","_helpers","_Message","style","_interopRequireWildcard","_helpers2","_excluded","_excluded2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","Message","_ref","busy","disabled","synapse","text","url","others","urlParams","useStore","translate","useLocale","testId","synapseProps","Text","Typewriter","TextBase","handlePress","window","open","createElement","View","wide","row","className","styles","message","content","spinner","Fragment","parseLinks","Pressable","onPress","undefined","card","Icon","light","ICON","LINK","action","L10N","LABEL_VIEW_LINK","sarai","Environment","exports","propTypes","PropTypes","bool","string"],"sources":["../../../../../src/components/Chat/components/Message/Message.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Icon, styles, Pressable, Text as TextBase, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { Environment, Typewriter } from './components';\nimport { parseLinks } from './helpers';\nimport { L10N } from './Message.l10n';\nimport * as style from './Message.module.css';\nimport { ICON } from '../../../helpers';\n\n// ! TODO: Refacto use of intent/response vs lisa.intent/response\nconst Message = ({ busy = false, disabled, synapse, text, url, ...others }) => {\n const { value: { urlParams = {} } = {} } = useStore();\n const { translate } = useLocale();\n\n const { testId, ...synapseProps } = others;\n const Text = synapse && !disabled && !busy ? Typewriter : TextBase;\n\n const handlePress = (url) => {\n window.open(url, '_blank');\n };\n\n return (\n <View testId={testId} wide>\n <View row wide className={styles(style.message, synapse && style.synapse)}>\n <View className={styles(style.content, synapse && style.synapse, busy && style.busy)}>\n {busy ? (\n <View className={style.spinner} />\n ) : (\n <>\n <Text className={style.text}>{parseLinks(text)}</Text>\n {url && (\n <Pressable onPress={!disabled ? () => handlePress(url) : undefined} className={style.card}>\n <Icon light value={ICON.LINK} />\n <TextBase action className={style.text}>\n {translate(L10N.LABEL_VIEW_LINK)}\n </TextBase>\n </Pressable>\n )}\n </>\n )}\n </View>\n </View>\n\n {!busy && synapse && urlParams.sarai === 'environment' && (\n <Environment {...{ synapse, ...others, ...synapseProps }} />\n )}\n </View>\n );\n};\n\nMessage.propTypes = {\n busy: PropTypes.bool,\n disabled: PropTypes.bool,\n synapse: PropTypes.bool,\n text: PropTypes.string,\n url: PropTypes.string,\n};\n\nexport { Message };\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Message.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_components","_helpers","_Message","style","_helpers2","_excluded","_excluded2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","Message","_ref","busy","disabled","images","synapse","text","url","others","translate","useLocale","containerRef","useRef","urlParams","useStore","containerWidth","setContainerWidth","useState","testId","synapseProps","Text","Typewriter","TextBase","useEffect","current","updateWidth","offsetWidth","window","addEventListener","removeEventListener","handlePress","open","createElement","View","wide","row","className","styles","message","ref","undefined","content","spinner","Fragment","parseLinks","Pressable","onPress","card","Icon","light","ICON","LINK","action","L10N","LABEL_VIEW_LINK","Slider","height","width","gallery","sarai","Environment","exports","propTypes","PropTypes","bool","arrayOf","string"],"sources":["../../../../../src/components/Chat/components/Message/Message.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Icon, Slider, styles, Pressable, Text as TextBase, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { Environment, Typewriter } from './components';\nimport { parseLinks } from './helpers';\nimport { L10N } from './Message.l10n';\nimport * as style from './Message.module.css';\nimport { ICON } from '../../../helpers';\n\n// ! TODO: Refacto use of intent/response vs lisa.intent/response\nconst Message = ({ busy = false, disabled, images = [], synapse, text, url, ...others }) => {\n const { translate } = useLocale();\n const containerRef = useRef();\n const { value: { urlParams = {} } = {} } = useStore();\n\n const [containerWidth, setContainerWidth] = useState();\n\n const { testId, ...synapseProps } = others;\n const Text = synapse && !disabled && !busy ? Typewriter : TextBase;\n\n useEffect(() => {\n if (!synapse || !containerRef?.current) return setContainerWidth();\n\n const updateWidth = () => setContainerWidth(containerRef.current.offsetWidth);\n updateWidth();\n\n window.addEventListener('resize', updateWidth);\n\n return () => window.removeEventListener('resize', updateWidth);\n }, [synapse]);\n\n const handlePress = (url) => {\n window.open(url, '_blank');\n };\n\n return (\n <View testId={testId} wide>\n <View row wide className={styles(style.message, synapse && style.synapse)}>\n <View\n ref={synapse ? containerRef : undefined}\n className={styles(style.content, synapse && style.synapse, busy && style.busy)}\n >\n {busy ? (\n <View className={style.spinner} />\n ) : (\n <>\n <Text className={style.text}>{parseLinks(text)}</Text>\n {url && (\n <Pressable onPress={!disabled ? () => handlePress(url) : undefined} className={style.card}>\n <Icon light value={ICON.LINK} />\n <TextBase action className={style.text}>\n {translate(L10N.LABEL_VIEW_LINK)}\n </TextBase>\n </Pressable>\n )}\n {images.length > 0 && containerWidth && (\n <Slider\n height={containerWidth * 0.66}\n images={images}\n width={containerWidth}\n className={style.gallery}\n />\n )}\n </>\n )}\n </View>\n </View>\n\n {!busy && synapse && urlParams.sarai === 'environment' && (\n <Environment {...{ synapse, ...others, ...synapseProps }} />\n )}\n </View>\n );\n};\n\nMessage.propTypes = {\n busy: PropTypes.bool,\n disabled: PropTypes.bool,\n images: PropTypes.arrayOf(PropTypes.string),\n synapse: PropTypes.bool,\n text: PropTypes.string,\n url: PropTypes.string,\n};\n\nexport { Message };\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAC,uBAAA,CAAAN,OAAA;AAEA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AACA,IAAAU,KAAA,GAAAJ,uBAAA,CAAAN,OAAA;AACA,IAAAW,SAAA,GAAAX,OAAA;AAAwC,MAAAY,SAAA;EAAAC,UAAA;AAAA,SAAAP,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAX,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAAA,SAAAmB,QAAAnB,CAAA,EAAAG,CAAA,QAAAF,CAAA,GAAAe,MAAA,CAAAI,IAAA,CAAApB,CAAA,OAAAgB,MAAA,CAAAK,qBAAA,QAAAf,CAAA,GAAAU,MAAA,CAAAK,qBAAA,CAAArB,CAAA,GAAAG,CAAA,KAAAG,CAAA,GAAAA,CAAA,CAAAgB,MAAA,WAAAnB,CAAA,WAAAa,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,EAAAoB,UAAA,OAAAtB,CAAA,CAAAuB,IAAA,CAAAC,KAAA,CAAAxB,CAAA,EAAAK,CAAA,YAAAL,CAAA;AAAA,SAAAyB,cAAA1B,CAAA,aAAAG,CAAA,MAAAA,CAAA,GAAAwB,SAAA,CAAAC,MAAA,EAAAzB,CAAA,UAAAF,CAAA,WAAA0B,SAAA,CAAAxB,CAAA,IAAAwB,SAAA,CAAAxB,CAAA,QAAAA,CAAA,OAAAgB,OAAA,CAAAH,MAAA,CAAAf,CAAA,OAAA4B,OAAA,WAAA1B,CAAA,IAAA2B,eAAA,CAAA9B,CAAA,EAAAG,CAAA,EAAAF,CAAA,CAAAE,CAAA,SAAAa,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAhC,CAAA,EAAAgB,MAAA,CAAAe,yBAAA,CAAA9B,CAAA,KAAAkB,OAAA,CAAAH,MAAA,CAAAf,CAAA,GAAA4B,OAAA,WAAA1B,CAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAjB,CAAA,EAAAG,CAAA,EAAAa,MAAA,CAAAE,wBAAA,CAAAjB,CAAA,EAAAE,CAAA,iBAAAH,CAAA;AAAA,SAAA8B,gBAAA9B,CAAA,EAAAG,CAAA,EAAAF,CAAA,YAAAE,CAAA,GAAA8B,cAAA,CAAA9B,CAAA,MAAAH,CAAA,GAAAgB,MAAA,CAAAC,cAAA,CAAAjB,CAAA,EAAAG,CAAA,IAAA+B,KAAA,EAAAjC,CAAA,EAAAsB,UAAA,MAAAY,YAAA,MAAAC,QAAA,UAAApC,CAAA,CAAAG,CAAA,IAAAF,CAAA,EAAAD,CAAA;AAAA,SAAAiC,eAAAhC,CAAA,QAAAM,CAAA,GAAA8B,YAAA,CAAApC,CAAA,uCAAAM,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAA8B,aAAApC,CAAA,EAAAE,CAAA,2BAAAF,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAD,CAAA,GAAAC,CAAA,CAAAqC,MAAA,CAAAC,WAAA,kBAAAvC,CAAA,QAAAO,CAAA,GAAAP,CAAA,CAAAe,IAAA,CAAAd,CAAA,EAAAE,CAAA,uCAAAI,CAAA,SAAAA,CAAA,YAAAiC,SAAA,yEAAArC,CAAA,GAAAsC,MAAA,GAAAC,MAAA,EAAAzC,CAAA;AAAA,SAAA0C,yBAAA3C,CAAA,EAAAC,CAAA,gBAAAD,CAAA,iBAAAM,CAAA,EAAAH,CAAA,EAAAI,CAAA,GAAAqC,6BAAA,CAAA5C,CAAA,EAAAC,CAAA,OAAAe,MAAA,CAAAK,qBAAA,QAAAjB,CAAA,GAAAY,MAAA,CAAAK,qBAAA,CAAArB,CAAA,QAAAG,CAAA,MAAAA,CAAA,GAAAC,CAAA,CAAAwB,MAAA,EAAAzB,CAAA,IAAAG,CAAA,GAAAF,CAAA,CAAAD,CAAA,UAAAF,CAAA,CAAA4C,OAAA,CAAAvC,CAAA,QAAAwC,oBAAA,CAAA/B,IAAA,CAAAf,CAAA,EAAAM,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAN,CAAA,CAAAM,CAAA,aAAAC,CAAA;AAAA,SAAAqC,8BAAAzC,CAAA,EAAAH,CAAA,gBAAAG,CAAA,iBAAAF,CAAA,gBAAAG,CAAA,IAAAD,CAAA,SAAAW,cAAA,CAAAC,IAAA,CAAAZ,CAAA,EAAAC,CAAA,gBAAAJ,CAAA,CAAA6C,OAAA,CAAAzC,CAAA,aAAAH,CAAA,CAAAG,CAAA,IAAAD,CAAA,CAAAC,CAAA,YAAAH,CAAA;AAExC;AACA,MAAM8C,OAAO,GAAGC,IAAA,IAA4E;EAAA,IAA3E;MAAEC,IAAI,GAAG,KAAK;MAAEC,QAAQ;MAAEC,MAAM,GAAG,EAAE;MAAEC,OAAO;MAAEC,IAAI;MAAEC;IAAe,CAAC,GAAAN,IAAA;IAARO,MAAM,GAAAZ,wBAAA,CAAAK,IAAA,EAAAlD,SAAA;EACnF,MAAM;IAAE0D;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EACjC,MAAMC,YAAY,GAAG,IAAAC,aAAM,EAAC,CAAC;EAC7B,MAAM;IAAEzB,KAAK,EAAE;MAAE0B,SAAS,GAAG,CAAC;IAAE,CAAC,GAAG,CAAC;EAAE,CAAC,GAAG,IAAAC,qBAAQ,EAAC,CAAC;EAErD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAEtD,MAAM;MAAEC;IAAwB,CAAC,GAAGV,MAAM;IAAvBW,YAAY,GAAAvB,wBAAA,CAAKY,MAAM,EAAAxD,UAAA;EAC1C,MAAMoE,IAAI,GAAGf,OAAO,IAAI,CAACF,QAAQ,IAAI,CAACD,IAAI,GAAGmB,sBAAU,GAAGC,QAAQ;EAElE,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAAClB,OAAO,IAAI,EAACM,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAEa,OAAO,GAAE,OAAOR,iBAAiB,CAAC,CAAC;IAElE,MAAMS,WAAW,GAAGA,CAAA,KAAMT,iBAAiB,CAACL,YAAY,CAACa,OAAO,CAACE,WAAW,CAAC;IAC7ED,WAAW,CAAC,CAAC;IAEbE,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEH,WAAW,CAAC;IAE9C,OAAO,MAAME,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEJ,WAAW,CAAC;EAChE,CAAC,EAAE,CAACpB,OAAO,CAAC,CAAC;EAEb,MAAMyB,WAAW,GAAIvB,GAAG,IAAK;IAC3BoB,MAAM,CAACI,IAAI,CAACxB,GAAG,EAAE,QAAQ,CAAC;EAC5B,CAAC;EAED,oBACE/D,MAAA,CAAAmB,OAAA,CAAAqE,aAAA,CAAC3F,GAAA,CAAA4F,IAAI;IAACf,MAAM,EAAEA,MAAO;IAACgB,IAAI;EAAA,gBACxB1F,MAAA,CAAAmB,OAAA,CAAAqE,aAAA,CAAC3F,GAAA,CAAA4F,IAAI;IAACE,GAAG;IAACD,IAAI;IAACE,SAAS,EAAE,IAAAC,UAAM,EAACxF,KAAK,CAACyF,OAAO,EAAEjC,OAAO,IAAIxD,KAAK,CAACwD,OAAO;EAAE,gBACxE7D,MAAA,CAAAmB,OAAA,CAAAqE,aAAA,CAAC3F,GAAA,CAAA4F,IAAI;IACHM,GAAG,EAAElC,OAAO,GAAGM,YAAY,GAAG6B,SAAU;IACxCJ,SAAS,EAAE,IAAAC,UAAM,EAACxF,KAAK,CAAC4F,OAAO,EAAEpC,OAAO,IAAIxD,KAAK,CAACwD,OAAO,EAAEH,IAAI,IAAIrD,KAAK,CAACqD,IAAI;EAAE,GAE9EA,IAAI,gBACH1D,MAAA,CAAAmB,OAAA,CAAAqE,aAAA,CAAC3F,GAAA,CAAA4F,IAAI;IAACG,SAAS,EAAEvF,KAAK,CAAC6F;EAAQ,CAAE,CAAC,gBAElClG,MAAA,CAAAmB,OAAA,CAAAqE,aAAA,CAAAxF,MAAA,CAAAmB,OAAA,CAAAgF,QAAA,qBACEnG,MAAA,CAAAmB,OAAA,CAAAqE,aAAA,CAACZ,IAAI;IAACgB,SAAS,EAAEvF,KAAK,CAACyD;EAAK,GAAE,IAAAsC,mBAAU,EAACtC,IAAI,CAAQ,CAAC,EACrDC,GAAG,iBACF/D,MAAA,CAAAmB,OAAA,CAAAqE,aAAA,CAAC3F,GAAA,CAAAwG,SAAS;IAACC,OAAO,EAAE,CAAC3C,QAAQ,GAAG,MAAM2B,WAAW,CAACvB,GAAG,CAAC,GAAGiC,SAAU;IAACJ,SAAS,EAAEvF,KAAK,CAACkG;EAAK,gBACxFvG,MAAA,CAAAmB,OAAA,CAAAqE,aAAA,CAAC3F,GAAA,CAAA2G,IAAI;IAACC,KAAK;IAAC9D,KAAK,EAAE+D,cAAI,CAACC;EAAK,CAAE,CAAC,eAChC3G,MAAA,CAAAmB,OAAA,CAAAqE,aAAA,CAAC3F,GAAA,CAAA+E,IAAQ;IAACgC,MAAM;IAAChB,SAAS,EAAEvF,KAAK,CAACyD;EAAK,GACpCG,SAAS,CAAC4C,aAAI,CAACC,eAAe,CACvB,CACD,CACZ,EACAlD,MAAM,CAACvB,MAAM,GAAG,CAAC,IAAIkC,cAAc,iBAClCvE,MAAA,CAAAmB,OAAA,CAAAqE,aAAA,CAAC3F,GAAA,CAAAkH,MAAM;IACLC,MAAM,EAAEzC,cAAc,GAAG,IAAK;IAC9BX,MAAM,EAAEA,MAAO;IACfqD,KAAK,EAAE1C,cAAe;IACtBqB,SAAS,EAAEvF,KAAK,CAAC6G;EAAQ,CAC1B,CAEH,CAEA,CACF,CAAC,EAEN,CAACxD,IAAI,IAAIG,OAAO,IAAIQ,SAAS,CAAC8C,KAAK,KAAK,aAAa,iBACpDnH,MAAA,CAAAmB,OAAA,CAAAqE,aAAA,CAACtF,WAAA,CAAAkH,WAAW,EAAAjF,aAAA,CAAAA,aAAA;IAAO0B;EAAO,GAAKG,MAAM,GAAKW,YAAY,CAAK,CAEzD,CAAC;AAEX,CAAC;AAAC0C,OAAA,CAAA7D,OAAA,GAAAA,OAAA;AAEFA,OAAO,CAAC8D,SAAS,GAAG;EAClB5D,IAAI,EAAE6D,kBAAS,CAACC,IAAI;EACpB7D,QAAQ,EAAE4D,kBAAS,CAACC,IAAI;EACxB5D,MAAM,EAAE2D,kBAAS,CAACE,OAAO,CAACF,kBAAS,CAACG,MAAM,CAAC;EAC3C7D,OAAO,EAAE0D,kBAAS,CAACC,IAAI;EACvB1D,IAAI,EAAEyD,kBAAS,CAACG,MAAM;EACtB3D,GAAG,EAAEwD,kBAAS,CAACG;AACjB,CAAC","ignoreList":[]}
|
|
@@ -49,6 +49,11 @@
|
|
|
49
49
|
padding: var(--mirai-chat-message-offset);
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
+
.content.synapse .gallery {
|
|
53
|
+
border-radius: var(--mirai-chat-border-radius);
|
|
54
|
+
margin-top: calc(var(--mirai-chat-space) / 2);
|
|
55
|
+
}
|
|
56
|
+
|
|
52
57
|
.spinner {
|
|
53
58
|
animation: mirai-message-spinner 0.8s infinite linear alternate;
|
|
54
59
|
animation-delay: 0.4s;
|
|
@@ -50,11 +50,14 @@ const FormStripe = _ref => {
|
|
|
50
50
|
setStripeReady();
|
|
51
51
|
const {
|
|
52
52
|
configuration: {
|
|
53
|
-
clientSecret
|
|
53
|
+
clientSecret,
|
|
54
|
+
stripeAccountId: stripeAccount
|
|
54
55
|
} = {}
|
|
55
56
|
} = response;
|
|
56
57
|
(async () => {
|
|
57
|
-
checkout = await window.Stripe(publicKey
|
|
58
|
+
checkout = await window.Stripe(publicKey, {
|
|
59
|
+
stripeAccount
|
|
60
|
+
}).initCheckout({
|
|
58
61
|
fetchClientSecret: () => new Promise(resolve => resolve(clientSecret)),
|
|
59
62
|
elementsOptions: {
|
|
60
63
|
appearance: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormStripe.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_FormStripe","style","_loadScript","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","checkout","FormStripe","_ref","publicKey","response","translate","useLocale","busy","setBusy","useState","error","setError","ready","setReady","stripeReady","setStripeReady","refElements","useRef","useEffect","domain","id","loadScript","async","src","onLoad","handleLoad","el","document","getElementById","concat","parentNode","removeChild","configuration","clientSecret","window","Stripe","initCheckout","fetchClientSecret","Promise","resolve","elementsOptions","appearance","theme","paymentElement","createPaymentElement","on","mount","current","handlePress","confirm","_window$Mirai$Sentry","Mirai","Sentry","captureMessage","JSON","stringify","createElement","Fragment","Progress","indeterminate","visible","View","className","container","ref","Notification","large","wide","L10N","NOTIFICATION_ERROR","Button","onPress","button","ACTION_PAY","exports","displayName","propTypes","PropTypes","string","isRequired","object"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormStripe/FormStripe.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Button, Notification, Progress, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState, useRef } from 'react';\n\nimport { L10N } from './FormStripe.l10n';\nimport * as style from './FormStripe.module.css';\nimport { loadScript } from '../../../../../helpers/loadScript';\n\nlet checkout;\n\nexport const FormStripe = ({ publicKey, response }) => {\n const { translate } = useLocale();\n\n const [busy, setBusy] = useState();\n const [error, setError] = useState();\n const [ready, setReady] = useState();\n const [stripeReady, setStripeReady] = useState();\n\n const refElements = useRef();\n\n useEffect(() => {\n const domain = 'payments';\n const id = 'stripeScript';\n (async () => {\n await loadScript({\n async: false,\n domain,\n id,\n src: `https://js.stripe.com/basil/stripe.js`,\n onLoad: handleLoad,\n });\n })();\n\n return () => {\n const el = document.getElementById(`${domain}-${id}`);\n el && el.parentNode.removeChild(el);\n };\n }, [response]);\n\n useEffect(() => {\n if (!response || !ready) return;\n\n setBusy();\n setStripeReady();\n\n const { configuration: { clientSecret } = {} } = response;\n\n (async () => {\n checkout = await window.Stripe(publicKey).initCheckout({\n fetchClientSecret: () => new Promise((resolve) => resolve(clientSecret)),\n elementsOptions: { appearance: { theme: 'stripe' } },\n });\n const paymentElement = checkout.createPaymentElement();\n\n paymentElement.on('ready', () => {\n setStripeReady(true);\n });\n paymentElement.mount(refElements.current);\n })();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [ready, response]);\n\n const handleLoad = async () => {\n setReady(true);\n };\n\n const handlePress = async () => {\n if (!checkout) return;\n\n setBusy(true);\n setError();\n const { error } = await checkout.confirm();\n\n setBusy(false);\n if (error) {\n window.Mirai.Sentry?.captureMessage(`STRIPE: ${JSON.stringify(error)}`);\n setError(true);\n return;\n }\n };\n\n return (\n <>\n <Progress indeterminate visible={!stripeReady} />\n <View className={style.container}>\n <View ref={refElements}>\n {error && (\n <Notification error large wide>\n {translate(L10N.NOTIFICATION_ERROR)}\n </Notification>\n )}\n </View>\n {!!stripeReady && (\n <Button busy={busy} onPress={handlePress} className={style.button}>\n {translate(L10N.ACTION_PAY)}\n </Button>\n )}\n </View>\n </>\n );\n};\n\nFormStripe.displayName = 'Mirai:Payments:ButtonPayment:FormStripe';\n\nFormStripe.propTypes = {\n publicKey: PropTypes.string.isRequired,\n response: PropTypes.object,\n};\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"FormStripe.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_FormStripe","style","_loadScript","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","checkout","FormStripe","_ref","publicKey","response","translate","useLocale","busy","setBusy","useState","error","setError","ready","setReady","stripeReady","setStripeReady","refElements","useRef","useEffect","domain","id","loadScript","async","src","onLoad","handleLoad","el","document","getElementById","concat","parentNode","removeChild","configuration","clientSecret","stripeAccountId","stripeAccount","window","Stripe","initCheckout","fetchClientSecret","Promise","resolve","elementsOptions","appearance","theme","paymentElement","createPaymentElement","on","mount","current","handlePress","confirm","_window$Mirai$Sentry","Mirai","Sentry","captureMessage","JSON","stringify","createElement","Fragment","Progress","indeterminate","visible","View","className","container","ref","Notification","large","wide","L10N","NOTIFICATION_ERROR","Button","onPress","button","ACTION_PAY","exports","displayName","propTypes","PropTypes","string","isRequired","object"],"sources":["../../../../../../src/components/__shared__/ButtonPayment/components/FormStripe/FormStripe.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { Button, Notification, Progress, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState, useRef } from 'react';\n\nimport { L10N } from './FormStripe.l10n';\nimport * as style from './FormStripe.module.css';\nimport { loadScript } from '../../../../../helpers/loadScript';\n\nlet checkout;\n\nexport const FormStripe = ({ publicKey, response }) => {\n const { translate } = useLocale();\n\n const [busy, setBusy] = useState();\n const [error, setError] = useState();\n const [ready, setReady] = useState();\n const [stripeReady, setStripeReady] = useState();\n\n const refElements = useRef();\n\n useEffect(() => {\n const domain = 'payments';\n const id = 'stripeScript';\n (async () => {\n await loadScript({\n async: false,\n domain,\n id,\n src: `https://js.stripe.com/basil/stripe.js`,\n onLoad: handleLoad,\n });\n })();\n\n return () => {\n const el = document.getElementById(`${domain}-${id}`);\n el && el.parentNode.removeChild(el);\n };\n }, [response]);\n\n useEffect(() => {\n if (!response || !ready) return;\n\n setBusy();\n setStripeReady();\n\n const { configuration: { clientSecret, stripeAccountId: stripeAccount } = {} } = response;\n\n (async () => {\n checkout = await window.Stripe(publicKey, { stripeAccount }).initCheckout({\n fetchClientSecret: () => new Promise((resolve) => resolve(clientSecret)),\n elementsOptions: { appearance: { theme: 'stripe' } },\n });\n const paymentElement = checkout.createPaymentElement();\n\n paymentElement.on('ready', () => {\n setStripeReady(true);\n });\n paymentElement.mount(refElements.current);\n })();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [ready, response]);\n\n const handleLoad = async () => {\n setReady(true);\n };\n\n const handlePress = async () => {\n if (!checkout) return;\n\n setBusy(true);\n setError();\n const { error } = await checkout.confirm();\n\n setBusy(false);\n if (error) {\n window.Mirai.Sentry?.captureMessage(`STRIPE: ${JSON.stringify(error)}`);\n setError(true);\n return;\n }\n };\n\n return (\n <>\n <Progress indeterminate visible={!stripeReady} />\n <View className={style.container}>\n <View ref={refElements}>\n {error && (\n <Notification error large wide>\n {translate(L10N.NOTIFICATION_ERROR)}\n </Notification>\n )}\n </View>\n {!!stripeReady && (\n <Button busy={busy} onPress={handlePress} className={style.button}>\n {translate(L10N.ACTION_PAY)}\n </Button>\n )}\n </View>\n </>\n );\n};\n\nFormStripe.displayName = 'Mirai:Payments:ButtonPayment:FormStripe';\n\nFormStripe.propTypes = {\n publicKey: PropTypes.string.isRequired,\n response: PropTypes.object,\n};\n"],"mappings":"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","ignoreList":[]}
|