@pagopa/io-app-design-system 1.23.1 → 1.23.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.
- package/lib/commonjs/components/buttons/ButtonSolid.js +12 -2
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +0 -2
- package/lib/commonjs/components/modules/ModuleCheckout.js +17 -8
- package/lib/commonjs/components/modules/ModuleCheckout.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +13 -3
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +0 -2
- package/lib/module/components/modules/ModuleCheckout.js +18 -9
- package/lib/module/components/modules/ModuleCheckout.js.map +1 -1
- package/lib/typescript/components/alert/Alert.d.ts +1 -1
- package/lib/typescript/components/alert/Alert.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleCheckout.d.ts +3 -3
- package/lib/typescript/components/modules/ModuleCheckout.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/alert/Alert.tsx +1 -1
- package/src/components/buttons/ButtonSolid.tsx +18 -3
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +0 -2
- package/src/components/modules/ModuleCheckout.tsx +38 -24
|
@@ -116,6 +116,16 @@ const ButtonSolid = /*#__PURE__*/_react.default.memo(_ref => {
|
|
|
116
116
|
} = (0, _core.useIOExperimentalDesign)();
|
|
117
117
|
// Scaling transformation applied when the button is pressed
|
|
118
118
|
const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$basicB = _core.IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
|
|
119
|
+
|
|
120
|
+
/* Prevent the component from triggering the `isEntering' transition
|
|
121
|
+
on the on the first render. Solution from this discussion:
|
|
122
|
+
https://github.com/software-mansion/react-native-reanimated/discussions/2513
|
|
123
|
+
*/
|
|
124
|
+
const isMounted = (0, _react.useRef)(false);
|
|
125
|
+
(0, _react.useEffect)(() => {
|
|
126
|
+
// eslint-disable-next-line functional/immutable-data
|
|
127
|
+
isMounted.current = true;
|
|
128
|
+
}, []);
|
|
119
129
|
const colorMap = _react.default.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
|
|
120
130
|
const buttonStyles = _react.default.useMemo(() => isExperimental ? _core.IOButtonStyles : _core.IOButtonLegacyStyles, [isExperimental]);
|
|
121
131
|
|
|
@@ -183,7 +193,7 @@ const ButtonSolid = /*#__PURE__*/_react.default.memo(_ref => {
|
|
|
183
193
|
!disabled && pressedAnimationStyle]
|
|
184
194
|
}, loading && /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
185
195
|
style: buttonStyles.buttonInner,
|
|
186
|
-
entering: _core.enterTransitionInnerContentSmall,
|
|
196
|
+
entering: isMounted.current ? _core.enterTransitionInnerContentSmall : undefined,
|
|
187
197
|
exiting: _core.exitTransitionInnerContent
|
|
188
198
|
}, /*#__PURE__*/_react.default.createElement(_loadingSpinner.LoadingSpinner, {
|
|
189
199
|
color: foregroundColor
|
|
@@ -191,7 +201,7 @@ const ButtonSolid = /*#__PURE__*/_react.default.memo(_ref => {
|
|
|
191
201
|
style: [buttonStyles.buttonInner, iconPosition === "end" && {
|
|
192
202
|
flexDirection: "row-reverse"
|
|
193
203
|
}],
|
|
194
|
-
entering: _core.enterTransitionInnerContent,
|
|
204
|
+
entering: isMounted.current ? _core.enterTransitionInnerContent : undefined,
|
|
195
205
|
exiting: _core.exitTransitionInnerContent
|
|
196
206
|
}, icon && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
197
207
|
name: icon,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_icons","_loadingSpinner","_Spacer","_ButtonText","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorPrimaryLegacyButtonDisabled","legacyStyles","StyleSheet","create","backgroundDisabled","backgroundColor","IOColors","colorPrimaryButtonDisabled","DISABLED_OPACITY","iconSize","styles","opacity","mapColorStates","primary","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","blue","ButtonSolid","React","memo","_ref","_IOScaleValues$basicB","_colorMap$color","_colorMap$color2","_colorMap$color3","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","useSharedValue","isExperimental","useIOExperimentalDesign","animationScaleValue","IOScaleValues","basicButton","pressedState","colorMap","useMemo","buttonStyles","IOButtonStyles","IOButtonLegacyStyles","progressPressed","useDerivedValue","withSpring","value","IOSpringValues","button","pressedAnimationStyle","useAnimatedStyle","bgColor","interpolateColor","scale","interpolate","Extrapolate","CLAMP","transform","onPressIn","useCallback","onPressOut","handleOnPress","event","ReactNativeHapticFeedback","trigger","foregroundColor","createElement","Pressable","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","overflow","paddingHorizontal","buttonSizeDefault","buttonInner","entering","enterTransitionInnerContentSmall","exiting","exitTransitionInnerContent","LoadingSpinner","flexDirection","enterTransitionInnerContent","Fragment","Icon","name","size","HSpacer","ButtonText","numberOfLines","ellipsizeMode","allowFontScaling","maxFontSizeMultiplier","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_icons","_loadingSpinner","_Spacer","_ButtonText","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorPrimaryLegacyButtonDisabled","legacyStyles","StyleSheet","create","backgroundDisabled","backgroundColor","IOColors","colorPrimaryButtonDisabled","DISABLED_OPACITY","iconSize","styles","opacity","mapColorStates","primary","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","blue","ButtonSolid","React","memo","_ref","_IOScaleValues$basicB","_colorMap$color","_colorMap$color2","_colorMap$color3","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","useSharedValue","isExperimental","useIOExperimentalDesign","animationScaleValue","IOScaleValues","basicButton","pressedState","isMounted","useRef","useEffect","current","colorMap","useMemo","buttonStyles","IOButtonStyles","IOButtonLegacyStyles","progressPressed","useDerivedValue","withSpring","value","IOSpringValues","button","pressedAnimationStyle","useAnimatedStyle","bgColor","interpolateColor","scale","interpolate","Extrapolate","CLAMP","transform","onPressIn","useCallback","onPressOut","handleOnPress","event","ReactNativeHapticFeedback","trigger","foregroundColor","createElement","Pressable","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","overflow","paddingHorizontal","buttonSizeDefault","buttonInner","entering","enterTransitionInnerContentSmall","undefined","exiting","exitTransitionInnerContent","LoadingSpinner","flexDirection","enterTransitionInnerContent","Fragment","Icon","name","size","HSpacer","ButtonText","numberOfLines","ellipsizeMode","allowFontScaling","maxFontSizeMultiplier","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAL,uBAAA,CAAAC,OAAA;AASA,IAAAK,KAAA,GAAAL,OAAA;AAYA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,eAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAAsD,SAAAG,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAf,wBAAAW,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAatD;AACA;AACA,MAAMW,gCAA0C,GAAG,eAAe;AAClE,MAAMC,YAAY,GAAGC,uBAAU,CAACC,MAAM,CAAC;EACrCC,kBAAkB,EAAE;IAClBC,eAAe,EAAEC,cAAQ,CAACN,gCAAgC;EAC5D;AACF,CAAC,CAAC;AAEF,MAAMO,0BAAoC,GAAG,UAAU;AACvD,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA,MAAMC,QAAyB,GAAG,EAAE;AAEpC,MAAMC,MAAM,GAAGR,uBAAU,CAACC,MAAM,CAAC;EAC/BC,kBAAkB,EAAE;IAClBC,eAAe,EAAEC,cAAQ,CAACC,0BAA0B,CAAC;IACrDI,OAAO,EAAEH;EACX;AACF,CAAC,CAAC;AA8BF,MAAMI,cAGL,GAAG;EACF;EACAC,OAAO,EAAE;IACPjC,OAAO,EAAE0B,cAAQ,CAAC,YAAY,CAAC;IAC/BQ,OAAO,EAAER,cAAQ,CAAC,YAAY,CAAC;IAC/BS,KAAK,EAAE;MACLnC,OAAO,EAAE,OAAO;MAChBoC,QAAQ,EAAE;IACZ;EACF,CAAC;EACD;EACAC,MAAM,EAAE;IACNrC,OAAO,EAAE0B,cAAQ,CAAC,WAAW,CAAC;IAC9BQ,OAAO,EAAER,cAAQ,CAAC,WAAW,CAAC;IAC9BS,KAAK,EAAE;MACLnC,OAAO,EAAE,OAAO;MAChBoC,QAAQ,EAAE;IACZ;EACF,CAAC;EACD;EACAE,QAAQ,EAAE;IACRtC,OAAO,EAAE0B,cAAQ,CAACa,KAAK;IACvBL,OAAO,EAAER,cAAQ,CAAC,WAAW,CAAC;IAC9BS,KAAK,EAAE;MACLnC,OAAO,EAAE,YAAY;MACrBoC,QAAQ,EAAE;IACZ;EACF;AACF,CAAC;;AAED;AACA,MAAMI,oBAGL,GAAG;EACF;EACAP,OAAO,EAAE;IACPjC,OAAO,EAAE0B,cAAQ,CAACe,IAAI;IACtBP,OAAO,EAAER,cAAQ,CAAC,UAAU,CAAC;IAC7BS,KAAK,EAAE;MACLnC,OAAO,EAAE,OAAO;MAChBoC,QAAQ,EAAE;IACZ;EACF,CAAC;EACD;EACAC,MAAM,EAAE;IACNrC,OAAO,EAAE0B,cAAQ,CAAC,WAAW,CAAC;IAC9BQ,OAAO,EAAER,cAAQ,CAAC,WAAW,CAAC;IAC9BS,KAAK,EAAE;MACLnC,OAAO,EAAE,OAAO;MAChBoC,QAAQ,EAAE;IACZ;EACF,CAAC;EACD;EACAE,QAAQ,EAAE;IACRtC,OAAO,EAAE0B,cAAQ,CAACa,KAAK;IACvBL,OAAO,EAAER,cAAQ,CAAC,SAAS,CAAC;IAC5BS,KAAK,EAAE;MACLnC,OAAO,EAAE,MAAM;MACfoC,QAAQ,EAAE;IACZ;EACF;AACF,CAAC;AAEM,MAAMM,WAAW,gBAAGC,cAAK,CAACC,IAAI,CACnCC,IAAA,IAYwB;EAAA,IAAAC,qBAAA,EAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;EAAA,IAZvB;IACCC,KAAK,GAAG,SAAS;IACjBf,KAAK;IACLgB,SAAS,GAAG,KAAK;IACjBf,QAAQ,GAAG,KAAK;IAChBgB,OAAO,GAAG,KAAK;IACfC,IAAI;IACJC,YAAY,GAAG,OAAO;IACtBC,OAAO;IACPC,kBAAkB;IAClBC,iBAAiB;IACjBC;EACgB,CAAC,GAAAb,IAAA;EACjB,MAAMc,SAAS,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EACnC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EACpD;EACA,MAAMC,mBAAmB,GAAGC,mBAAa,aAAbA,mBAAa,gBAAAlB,qBAAA,GAAbkB,mBAAa,CAAEC,WAAW,cAAAnB,qBAAA,uBAA1BA,qBAAA,CAA4BoB,YAAY;;EAEpE;AACJ;AACA;AACA;EACI,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAE/B,IAAAC,gBAAS,EAAC,MAAM;IACd;IACAF,SAAS,CAACG,OAAO,GAAG,IAAI;EAC1B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,QAAQ,GAAG5B,cAAK,CAAC6B,OAAO,CAC5B,MAAOX,cAAc,GAAG7B,cAAc,GAAGQ,oBAAqB,EAC9D,CAACqB,cAAc,CACjB,CAAC;EAED,MAAMY,YAAY,GAAG9B,cAAK,CAAC6B,OAAO,CAChC,MAAOX,cAAc,GAAGa,oBAAc,GAAGC,0BAAqB,EAC9D,CAACd,cAAc,CACjB,CAAC;;EAED;EACA,MAAMe,eAAe,GAAG,IAAAC,sCAAe,EAAC,MACtC,IAAAC,iCAAU,EAACnB,SAAS,CAACoB,KAAK,EAAEC,oBAAc,CAACC,MAAM,CACnD,CAAC;;EAED;EACA,MAAMC,qBAAqB,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IACnD;IACA,MAAMC,OAAO,GAAG,IAAAC,uCAAgB,EAC9BT,eAAe,CAACG,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACR,QAAQ,CAACrB,KAAK,CAAC,CAAClD,OAAO,EAAEuE,QAAQ,CAACrB,KAAK,CAAC,CAAChB,OAAO,CACnD,CAAC;;IAED;IACA,MAAMoD,KAAK,GAAG,IAAAC,kCAAW,EACvBX,eAAe,CAACG,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEhB,mBAAmB,CAAC,EACxByB,kCAAW,CAACC,KACd,CAAC;IAED,OAAO;MACLhE,eAAe,EAAE2D,OAAO;MACxBM,SAAS,EAAE,CAAC;QAAEJ;MAAM,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,MAAMK,SAAS,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAClC;IACAjC,SAAS,CAACoB,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACpB,SAAS,CAAC,CAAC;EACf,MAAMkC,UAAU,GAAG,IAAAD,kBAAW,EAAC,MAAM;IACnC;IACAjC,SAAS,CAACoB,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACpB,SAAS,CAAC,CAAC;EAEf,MAAMmC,aAAa,GAAG,IAAAF,kBAAW,EAC9BG,KAA4B,IAAK;IAChC;AACR;IACQ,IAAI3C,OAAO,EAAE;MACX;IACF;IACA4C,kCAAyB,CAACC,OAAO,CAAC,aAAa,CAAC;IAChD1C,OAAO,CAACwC,KAAK,CAAC;EAChB,CAAC,EACD,CAAC3C,OAAO,EAAEG,OAAO,CACnB,CAAC;;EAED;EACA,MAAM2C,eAAyB,GAAG9D,QAAQ,IAAAW,eAAA,GACtCwB,QAAQ,CAACrB,KAAK,CAAC,cAAAH,eAAA,gBAAAA,eAAA,GAAfA,eAAA,CAAiBZ,KAAK,cAAAY,eAAA,uBAAtBA,eAAA,CAAwBX,QAAQ,IAAAY,gBAAA,GAChCuB,QAAQ,CAACrB,KAAK,CAAC,cAAAF,gBAAA,gBAAAA,gBAAA,GAAfA,gBAAA,CAAiBb,KAAK,cAAAa,gBAAA,uBAAtBA,gBAAA,CAAwBhD,OAAO;EAEnC,oBACEd,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAAC9G,YAAA,CAAA+G,SAAS;IACR1C,MAAM,EAAEA,MAAO;IACf2C,UAAU,EAAE,IAAK;IACjB7C,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrC6C,kBAAkB,EAAE;MAAEC,IAAI,EAAEnD;IAAQ,CAAE;IACtCoD,iBAAiB,EAAE,QAAS;IAC5BjD,OAAO,EAAEuC,aAAc;IACvBH,SAAS,EAAEA,SAAU;IACrBE,UAAU,EAAEA,UAAW;IACvBzD,QAAQ,EAAEA,QAAS;IACnBqE,KAAK,EAAE,CAACtD,SAAS,GAAGuB,oBAAc,CAACgC,iBAAiB,GAAG,CAAC;EAAE,gBAE1DxH,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAAC3G,sBAAA,CAAAQ,OAAQ,CAAC2G,IAAI;IACZF,KAAK,EAAE,CACLhC,YAAY,CAACQ,MAAM,EACnB;MAAE2B,QAAQ,EAAE;IAAS,CAAC,EACtB/C,cAAc,IAAIV,SAAS,IAAI;MAAE0D,iBAAiB,EAAE;IAAG,CAAC,EACxDpC,YAAY,CAACqC,iBAAiB,EAC9B1E,QAAQ,GACJyB,cAAc,GACZ/B,MAAM,CAACN,kBAAkB,GACzBH,YAAY,CAACG,kBAAkB,GACjC;MAAEC,eAAe,GAAAwB,gBAAA,GAAEsB,QAAQ,CAACrB,KAAK,CAAC,cAAAD,gBAAA,uBAAfA,gBAAA,CAAiBjD;IAAQ,CAAC;IACjD;AACZ;IACY,CAACoC,QAAQ,IAAI8C,qBAAqB;EAClC,GAED9B,OAAO,iBACNlE,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAAC3G,sBAAA,CAAAQ,OAAQ,CAAC2G,IAAI;IACZF,KAAK,EAAEhC,YAAY,CAACsC,WAAY;IAChCC,QAAQ,EACN7C,SAAS,CAACG,OAAO,GAAG2C,sCAAgC,GAAGC,SACxD;IACDC,OAAO,EAAEC;EAA2B,gBAEpClI,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAACxG,eAAA,CAAA0H,cAAc;IAACnE,KAAK,EAAEgD;EAAgB,CAAE,CAC5B,CAChB,EAEA,CAAC9C,OAAO,iBACPlE,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAAC3G,sBAAA,CAAAQ,OAAQ,CAAC2G,IAAI;IACZF,KAAK,EAAE,CACLhC,YAAY,CAACsC,WAAW,EACxBzD,YAAY,KAAK,KAAK,IAAI;MAAEgE,aAAa,EAAE;IAAc,CAAC,CAC1D;IACFN,QAAQ,EACN7C,SAAS,CAACG,OAAO,GAAGiD,iCAA2B,GAAGL,SACnD;IACDC,OAAO,EAAEC;EAA2B,GAEnC/D,IAAI,iBACHnE,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAAAjH,MAAA,CAAAc,OAAA,CAAAwH,QAAA,qBAGEtI,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAACzG,MAAA,CAAA+H,IAAI;IAACC,IAAI,EAAErE,IAAK;IAACsE,IAAI,EAAE9F,QAAS;IAACqB,KAAK,EAAEgD;EAAgB,CAAE,CAAC,eAG5DhH,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAACvG,OAAA,CAAAgI,OAAO;IAACD,IAAI,EAAE;EAAE,CAAE,CACnB,CACH,eACDzI,MAAA,CAAAc,OAAA,CAAAmG,aAAA,CAACtG,WAAA,CAAAgI,UAAU;IACT3E,KAAK,EAAEgD,eAAgB;IACvBO,KAAK,EAAE/B,oBAAc,CAACvC,KAAM;IAC5B2F,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAC,MAAM;IACpBC,gBAAgB,EAAEnE,cAAe;IACjCoE,qBAAqB,EAAE;EAAI,GAE1B9F,KACS,CACC,CAEJ,CACN,CAAC;AAEhB,CACF,CAAC;AAAC+F,OAAA,CAAAxF,WAAA,GAAAA,WAAA;AAAA,IAAAyF,QAAA,GAEazF,WAAW;AAAAwF,OAAA,CAAAlI,OAAA,GAAAmI,QAAA"}
|
|
@@ -439,7 +439,6 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
|
|
|
439
439
|
}
|
|
440
440
|
>
|
|
441
441
|
<View
|
|
442
|
-
entering={[Function]}
|
|
443
442
|
exiting={[Function]}
|
|
444
443
|
style={
|
|
445
444
|
[
|
|
@@ -1300,7 +1299,6 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
|
|
|
1300
1299
|
}
|
|
1301
1300
|
>
|
|
1302
1301
|
<View
|
|
1303
|
-
entering={[Function]}
|
|
1304
1302
|
exiting={[Function]}
|
|
1305
1303
|
style={
|
|
1306
1304
|
[
|
|
@@ -28,9 +28,7 @@ const ModuleCheckout = props => {
|
|
|
28
28
|
});
|
|
29
29
|
}
|
|
30
30
|
const paymentLogoEndMargin = 12;
|
|
31
|
-
|
|
32
|
-
onPress: props.onPress
|
|
33
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
31
|
+
const ModuleBaseContent = () => /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
34
32
|
style: styles.rowCenter
|
|
35
33
|
}, props.paymentLogo && /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
36
34
|
style: {
|
|
@@ -38,12 +36,22 @@ const ModuleCheckout = props => {
|
|
|
38
36
|
}
|
|
39
37
|
}, /*#__PURE__*/React.createElement(_logos.LogoPayment, {
|
|
40
38
|
name: props.paymentLogo
|
|
41
|
-
})), /*#__PURE__*/React.createElement(_reactNative.View,
|
|
39
|
+
})), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
40
|
+
style: _core.IOStyles.flex
|
|
41
|
+
}, /*#__PURE__*/React.createElement(_typography.H6, null, props.title), /*#__PURE__*/React.createElement(_typography.LabelSmall, {
|
|
42
42
|
weight: "Regular",
|
|
43
43
|
color: theme["textBody-tertiary"]
|
|
44
|
-
}, props.subtitle)))
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
}, props.subtitle)));
|
|
45
|
+
if (props.ctaText) {
|
|
46
|
+
return /*#__PURE__*/React.createElement(_PressableModuleBase.PressableModuleBase, {
|
|
47
|
+
onPress: props.onPress
|
|
48
|
+
}, /*#__PURE__*/React.createElement(ModuleBaseContent, null), props.ctaText && /*#__PURE__*/React.createElement(CTA, {
|
|
49
|
+
text: props.ctaText
|
|
50
|
+
}));
|
|
51
|
+
}
|
|
52
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
53
|
+
style: _core.IOModuleStyles.button
|
|
54
|
+
}, ModuleBaseContent);
|
|
47
55
|
};
|
|
48
56
|
|
|
49
57
|
// ---------------- sub-components----------------
|
|
@@ -97,7 +105,8 @@ const LoadingVersion = _ref2 => {
|
|
|
97
105
|
const styles = _reactNative.StyleSheet.create({
|
|
98
106
|
rowCenter: {
|
|
99
107
|
flexDirection: "row",
|
|
100
|
-
alignItems: "center"
|
|
108
|
+
alignItems: "center",
|
|
109
|
+
flex: 1
|
|
101
110
|
}
|
|
102
111
|
});
|
|
103
112
|
//# sourceMappingURL=ModuleCheckout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_rnPlaceholder","_interopRequireDefault","_core","_buttons","_logos","_spacer","_typography","_PressableModuleBase","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ModuleCheckout","props","theme","useIOTheme","isLoading","createElement","LoadingVersion","text","ctaText","paymentLogoEndMargin","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_rnPlaceholder","_interopRequireDefault","_core","_buttons","_logos","_spacer","_typography","_PressableModuleBase","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ModuleCheckout","props","theme","useIOTheme","isLoading","createElement","LoadingVersion","text","ctaText","paymentLogoEndMargin","ModuleBaseContent","View","style","styles","rowCenter","paymentLogo","marginEnd","LogoPayment","name","IOStyles","flex","H6","title","LabelSmall","weight","color","subtitle","PressableModuleBase","onPress","CTA","IOModuleStyles","button","exports","_ref","pointerEvents","ButtonLink","label","accessibilityLabel","_ref2","Box","animate","radius","height","width","HSpacer","size","VSpacer","StyleSheet","create","flexDirection","alignItems"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleCheckout.tsx"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useCallback } from "react";
|
|
1
|
+
import React, { useCallback, useEffect, useRef } from "react";
|
|
2
2
|
import { Pressable, StyleSheet } from "react-native";
|
|
3
3
|
import ReactNativeHapticFeedback from "react-native-haptic-feedback";
|
|
4
4
|
import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
@@ -107,6 +107,16 @@ export const ButtonSolid = /*#__PURE__*/React.memo(_ref => {
|
|
|
107
107
|
} = useIOExperimentalDesign();
|
|
108
108
|
// Scaling transformation applied when the button is pressed
|
|
109
109
|
const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
|
|
110
|
+
|
|
111
|
+
/* Prevent the component from triggering the `isEntering' transition
|
|
112
|
+
on the on the first render. Solution from this discussion:
|
|
113
|
+
https://github.com/software-mansion/react-native-reanimated/discussions/2513
|
|
114
|
+
*/
|
|
115
|
+
const isMounted = useRef(false);
|
|
116
|
+
useEffect(() => {
|
|
117
|
+
// eslint-disable-next-line functional/immutable-data
|
|
118
|
+
isMounted.current = true;
|
|
119
|
+
}, []);
|
|
110
120
|
const colorMap = React.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
|
|
111
121
|
const buttonStyles = React.useMemo(() => isExperimental ? IOButtonStyles : IOButtonLegacyStyles, [isExperimental]);
|
|
112
122
|
|
|
@@ -174,7 +184,7 @@ export const ButtonSolid = /*#__PURE__*/React.memo(_ref => {
|
|
|
174
184
|
!disabled && pressedAnimationStyle]
|
|
175
185
|
}, loading && /*#__PURE__*/React.createElement(Animated.View, {
|
|
176
186
|
style: buttonStyles.buttonInner,
|
|
177
|
-
entering: enterTransitionInnerContentSmall,
|
|
187
|
+
entering: isMounted.current ? enterTransitionInnerContentSmall : undefined,
|
|
178
188
|
exiting: exitTransitionInnerContent
|
|
179
189
|
}, /*#__PURE__*/React.createElement(LoadingSpinner, {
|
|
180
190
|
color: foregroundColor
|
|
@@ -182,7 +192,7 @@ export const ButtonSolid = /*#__PURE__*/React.memo(_ref => {
|
|
|
182
192
|
style: [buttonStyles.buttonInner, iconPosition === "end" && {
|
|
183
193
|
flexDirection: "row-reverse"
|
|
184
194
|
}],
|
|
185
|
-
entering: enterTransitionInnerContent,
|
|
195
|
+
entering: isMounted.current ? enterTransitionInnerContent : undefined,
|
|
186
196
|
exiting: exitTransitionInnerContent
|
|
187
197
|
}, icon && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
|
|
188
198
|
name: icon,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOButtonLegacyStyles","IOButtonStyles","IOColors","IOScaleValues","IOSpringValues","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useIOExperimentalDesign","Icon","LoadingSpinner","HSpacer","ButtonText","colorPrimaryLegacyButtonDisabled","legacyStyles","create","backgroundDisabled","backgroundColor","colorPrimaryButtonDisabled","DISABLED_OPACITY","iconSize","styles","opacity","mapColorStates","primary","default","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","blue","ButtonSolid","memo","_ref","_IOScaleValues$basicB","_colorMap$color","_colorMap$color2","_colorMap$color3","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","isExperimental","animationScaleValue","basicButton","pressedState","colorMap","useMemo","buttonStyles","progressPressed","value","button","pressedAnimationStyle","bgColor","scale","CLAMP","transform","onPressIn","onPressOut","handleOnPress","event","trigger","foregroundColor","createElement","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","overflow","paddingHorizontal","buttonSizeDefault","buttonInner","entering","exiting","flexDirection","Fragment","name","size","numberOfLines","ellipsizeMode","allowFontScaling","maxFontSizeMultiplier"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useRef","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOButtonLegacyStyles","IOButtonStyles","IOColors","IOScaleValues","IOSpringValues","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useIOExperimentalDesign","Icon","LoadingSpinner","HSpacer","ButtonText","colorPrimaryLegacyButtonDisabled","legacyStyles","create","backgroundDisabled","backgroundColor","colorPrimaryButtonDisabled","DISABLED_OPACITY","iconSize","styles","opacity","mapColorStates","primary","default","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","blue","ButtonSolid","memo","_ref","_IOScaleValues$basicB","_colorMap$color","_colorMap$color2","_colorMap$color3","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","isExperimental","animationScaleValue","basicButton","pressedState","isMounted","current","colorMap","useMemo","buttonStyles","progressPressed","value","button","pressedAnimationStyle","bgColor","scale","CLAMP","transform","onPressIn","onPressOut","handleOnPress","event","trigger","foregroundColor","createElement","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","overflow","paddingHorizontal","buttonSizeDefault","buttonInner","entering","undefined","exiting","flexDirection","Fragment","name","size","numberOfLines","ellipsizeMode","allowFontScaling","maxFontSizeMultiplier"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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"}
|
|
@@ -439,7 +439,6 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
|
|
|
439
439
|
}
|
|
440
440
|
>
|
|
441
441
|
<View
|
|
442
|
-
entering={[Function]}
|
|
443
442
|
exiting={[Function]}
|
|
444
443
|
style={
|
|
445
444
|
[
|
|
@@ -1300,7 +1299,6 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
|
|
|
1300
1299
|
}
|
|
1301
1300
|
>
|
|
1302
1301
|
<View
|
|
1303
|
-
entering={[Function]}
|
|
1304
1302
|
exiting={[Function]}
|
|
1305
1303
|
style={
|
|
1306
1304
|
[
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { StyleSheet, View } from "react-native";
|
|
3
3
|
import Placeholder from "rn-placeholder";
|
|
4
|
-
import { IOModuleStyles, useIOTheme } from "../../core";
|
|
4
|
+
import { IOModuleStyles, IOStyles, useIOTheme } from "../../core";
|
|
5
5
|
import { ButtonLink } from "../buttons";
|
|
6
6
|
import { LogoPayment } from "../logos";
|
|
7
7
|
import { HSpacer, VSpacer } from "../spacer";
|
|
@@ -20,9 +20,7 @@ export const ModuleCheckout = props => {
|
|
|
20
20
|
});
|
|
21
21
|
}
|
|
22
22
|
const paymentLogoEndMargin = 12;
|
|
23
|
-
|
|
24
|
-
onPress: props.onPress
|
|
25
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
23
|
+
const ModuleBaseContent = () => /*#__PURE__*/React.createElement(View, {
|
|
26
24
|
style: styles.rowCenter
|
|
27
25
|
}, props.paymentLogo && /*#__PURE__*/React.createElement(View, {
|
|
28
26
|
style: {
|
|
@@ -30,12 +28,22 @@ export const ModuleCheckout = props => {
|
|
|
30
28
|
}
|
|
31
29
|
}, /*#__PURE__*/React.createElement(LogoPayment, {
|
|
32
30
|
name: props.paymentLogo
|
|
33
|
-
})), /*#__PURE__*/React.createElement(View,
|
|
31
|
+
})), /*#__PURE__*/React.createElement(View, {
|
|
32
|
+
style: IOStyles.flex
|
|
33
|
+
}, /*#__PURE__*/React.createElement(H6, null, props.title), /*#__PURE__*/React.createElement(LabelSmall, {
|
|
34
34
|
weight: "Regular",
|
|
35
35
|
color: theme["textBody-tertiary"]
|
|
36
|
-
}, props.subtitle)))
|
|
37
|
-
|
|
38
|
-
|
|
36
|
+
}, props.subtitle)));
|
|
37
|
+
if (props.ctaText) {
|
|
38
|
+
return /*#__PURE__*/React.createElement(PressableModuleBase, {
|
|
39
|
+
onPress: props.onPress
|
|
40
|
+
}, /*#__PURE__*/React.createElement(ModuleBaseContent, null), props.ctaText && /*#__PURE__*/React.createElement(CTA, {
|
|
41
|
+
text: props.ctaText
|
|
42
|
+
}));
|
|
43
|
+
}
|
|
44
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
45
|
+
style: IOModuleStyles.button
|
|
46
|
+
}, ModuleBaseContent);
|
|
39
47
|
};
|
|
40
48
|
|
|
41
49
|
// ---------------- sub-components----------------
|
|
@@ -89,7 +97,8 @@ const LoadingVersion = _ref2 => {
|
|
|
89
97
|
const styles = StyleSheet.create({
|
|
90
98
|
rowCenter: {
|
|
91
99
|
flexDirection: "row",
|
|
92
|
-
alignItems: "center"
|
|
100
|
+
alignItems: "center",
|
|
101
|
+
flex: 1
|
|
93
102
|
}
|
|
94
103
|
});
|
|
95
104
|
//# sourceMappingURL=ModuleCheckout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","Placeholder","IOModuleStyles","useIOTheme","ButtonLink","LogoPayment","HSpacer","VSpacer","H6","LabelSmall","PressableModuleBase","ModuleCheckout","props","theme","isLoading","createElement","LoadingVersion","text","ctaText","paymentLogoEndMargin","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","Placeholder","IOModuleStyles","IOStyles","useIOTheme","ButtonLink","LogoPayment","HSpacer","VSpacer","H6","LabelSmall","PressableModuleBase","ModuleCheckout","props","theme","isLoading","createElement","LoadingVersion","text","ctaText","paymentLogoEndMargin","ModuleBaseContent","style","styles","rowCenter","paymentLogo","marginEnd","name","flex","title","weight","color","subtitle","onPress","CTA","button","_ref","pointerEvents","label","accessibilityLabel","_ref2","Box","animate","radius","height","width","size","create","flexDirection","alignItems"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleCheckout.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EACL,qBAAqB,EAIrB,IAAI,EACL,MAAM,cAAc,CAAC;AAmBtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAkC/C,KAAK,UAAU,GAAG,UAAU,CAAC;IAC3B,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EACL,qBAAqB,EAIrB,IAAI,EACL,MAAM,cAAc,CAAC;AAmBtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAkC/C,KAAK,UAAU,GAAG,UAAU,CAAC;IAC3B,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,KAAK,gBAAgB,GACjB;IACE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAEN,KAAK,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAAC;AAoC/C,eAAO,MAAM,KAAK,gGAUf,SAAS,KAAG,WA0Hd,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSolid.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonSolid.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ButtonSolid.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonSolid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAyB,MAAM,cAAc,CAAC;AAsB5E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAK1D,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAiCjE,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAqEH,eAAO,MAAM,WAAW,yJAanB,gBAAgB,uBAiKpB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -13,9 +13,9 @@ type ModuleCheckoutPartialProps = {
|
|
|
13
13
|
subtitle?: never;
|
|
14
14
|
onPress?: never;
|
|
15
15
|
};
|
|
16
|
-
export type ModuleCheckoutProps = {
|
|
17
|
-
ctaText
|
|
18
|
-
}
|
|
16
|
+
export type ModuleCheckoutProps = ModuleCheckoutPartialProps & {
|
|
17
|
+
ctaText?: string;
|
|
18
|
+
};
|
|
19
19
|
export declare const ModuleCheckout: (props: ModuleCheckoutProps) => React.JSX.Element;
|
|
20
20
|
export {};
|
|
21
21
|
//# sourceMappingURL=ModuleCheckout.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModuleCheckout.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleCheckout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ModuleCheckout.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleCheckout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAO1D,KAAK,0BAA0B,GAC3B;IACE,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GACD;IACE,SAAS,EAAE,IAAI,CAAC;IAChB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAEN,MAAM,MAAM,mBAAmB,GAAG,0BAA0B,GAAG;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAMF,eAAO,MAAM,cAAc,UAAW,mBAAmB,sBAwCxD,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useCallback } from "react";
|
|
1
|
+
import React, { useCallback, useEffect, useRef } from "react";
|
|
2
2
|
import { GestureResponderEvent, Pressable, StyleSheet } from "react-native";
|
|
3
3
|
import ReactNativeHapticFeedback from "react-native-haptic-feedback";
|
|
4
4
|
import Animated, {
|
|
@@ -174,6 +174,17 @@ export const ButtonSolid = React.memo(
|
|
|
174
174
|
// Scaling transformation applied when the button is pressed
|
|
175
175
|
const animationScaleValue = IOScaleValues?.basicButton?.pressedState;
|
|
176
176
|
|
|
177
|
+
/* Prevent the component from triggering the `isEntering' transition
|
|
178
|
+
on the on the first render. Solution from this discussion:
|
|
179
|
+
https://github.com/software-mansion/react-native-reanimated/discussions/2513
|
|
180
|
+
*/
|
|
181
|
+
const isMounted = useRef(false);
|
|
182
|
+
|
|
183
|
+
useEffect(() => {
|
|
184
|
+
// eslint-disable-next-line functional/immutable-data
|
|
185
|
+
isMounted.current = true;
|
|
186
|
+
}, []);
|
|
187
|
+
|
|
177
188
|
const colorMap = React.useMemo(
|
|
178
189
|
() => (isExperimental ? mapColorStates : mapLegacyColorStates),
|
|
179
190
|
[isExperimental]
|
|
@@ -272,7 +283,9 @@ export const ButtonSolid = React.memo(
|
|
|
272
283
|
{loading && (
|
|
273
284
|
<Animated.View
|
|
274
285
|
style={buttonStyles.buttonInner}
|
|
275
|
-
entering={
|
|
286
|
+
entering={
|
|
287
|
+
isMounted.current ? enterTransitionInnerContentSmall : undefined
|
|
288
|
+
}
|
|
276
289
|
exiting={exitTransitionInnerContent}
|
|
277
290
|
>
|
|
278
291
|
<LoadingSpinner color={foregroundColor} />
|
|
@@ -285,7 +298,9 @@ export const ButtonSolid = React.memo(
|
|
|
285
298
|
buttonStyles.buttonInner,
|
|
286
299
|
iconPosition === "end" && { flexDirection: "row-reverse" }
|
|
287
300
|
]}
|
|
288
|
-
entering={
|
|
301
|
+
entering={
|
|
302
|
+
isMounted.current ? enterTransitionInnerContent : undefined
|
|
303
|
+
}
|
|
289
304
|
exiting={exitTransitionInnerContent}
|
|
290
305
|
>
|
|
291
306
|
{icon && (
|
|
@@ -439,7 +439,6 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
|
|
|
439
439
|
}
|
|
440
440
|
>
|
|
441
441
|
<View
|
|
442
|
-
entering={[Function]}
|
|
443
442
|
exiting={[Function]}
|
|
444
443
|
style={
|
|
445
444
|
[
|
|
@@ -1300,7 +1299,6 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
|
|
|
1300
1299
|
}
|
|
1301
1300
|
>
|
|
1302
1301
|
<View
|
|
1303
|
-
entering={[Function]}
|
|
1304
1302
|
exiting={[Function]}
|
|
1305
1303
|
style={
|
|
1306
1304
|
[
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { StyleSheet, View } from "react-native";
|
|
3
3
|
import Placeholder from "rn-placeholder";
|
|
4
|
-
import {
|
|
4
|
+
import {
|
|
5
|
+
IOModuleStyles,
|
|
6
|
+
IOSpacingScale,
|
|
7
|
+
IOStyles,
|
|
8
|
+
useIOTheme
|
|
9
|
+
} from "../../core";
|
|
5
10
|
import { ButtonLink } from "../buttons";
|
|
6
11
|
import { IOLogoPaymentType, LogoPayment } from "../logos";
|
|
7
12
|
import { HSpacer, VSpacer } from "../spacer";
|
|
@@ -26,9 +31,9 @@ type ModuleCheckoutPartialProps =
|
|
|
26
31
|
onPress?: never;
|
|
27
32
|
};
|
|
28
33
|
|
|
29
|
-
export type ModuleCheckoutProps = {
|
|
30
|
-
ctaText
|
|
31
|
-
}
|
|
34
|
+
export type ModuleCheckoutProps = ModuleCheckoutPartialProps & {
|
|
35
|
+
ctaText?: string;
|
|
36
|
+
};
|
|
32
37
|
|
|
33
38
|
type CtaOnlyProps = { text?: string };
|
|
34
39
|
|
|
@@ -43,29 +48,37 @@ export const ModuleCheckout = (props: ModuleCheckoutProps) => {
|
|
|
43
48
|
|
|
44
49
|
const paymentLogoEndMargin: IOSpacingScale = 12;
|
|
45
50
|
|
|
46
|
-
|
|
47
|
-
<
|
|
51
|
+
const ModuleBaseContent = () => (
|
|
52
|
+
<View style={styles.rowCenter}>
|
|
48
53
|
{/*
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
{
|
|
55
|
-
<
|
|
56
|
-
<LogoPayment name={props.paymentLogo} />
|
|
57
|
-
</View>
|
|
58
|
-
)}
|
|
59
|
-
<View>
|
|
60
|
-
<H6>{props.title}</H6>
|
|
61
|
-
<LabelSmall weight="Regular" color={theme["textBody-tertiary"]}>
|
|
62
|
-
{props.subtitle}
|
|
63
|
-
</LabelSmall>
|
|
54
|
+
we don't want to let the `space-between`
|
|
55
|
+
handle spacing for the logo/text section,
|
|
56
|
+
so we use a row and a marginEnd on the logo
|
|
57
|
+
*/}
|
|
58
|
+
{props.paymentLogo && (
|
|
59
|
+
<View style={{ marginEnd: paymentLogoEndMargin }}>
|
|
60
|
+
<LogoPayment name={props.paymentLogo} />
|
|
64
61
|
</View>
|
|
62
|
+
)}
|
|
63
|
+
<View style={IOStyles.flex}>
|
|
64
|
+
<H6>{props.title}</H6>
|
|
65
|
+
<LabelSmall weight="Regular" color={theme["textBody-tertiary"]}>
|
|
66
|
+
{props.subtitle}
|
|
67
|
+
</LabelSmall>
|
|
65
68
|
</View>
|
|
66
|
-
|
|
67
|
-
</PressableModuleBase>
|
|
69
|
+
</View>
|
|
68
70
|
);
|
|
71
|
+
|
|
72
|
+
if (props.ctaText) {
|
|
73
|
+
return (
|
|
74
|
+
<PressableModuleBase onPress={props.onPress}>
|
|
75
|
+
<ModuleBaseContent />
|
|
76
|
+
{props.ctaText && <CTA text={props.ctaText} />}
|
|
77
|
+
</PressableModuleBase>
|
|
78
|
+
);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
return <View style={IOModuleStyles.button}>{ModuleBaseContent}</View>;
|
|
69
82
|
};
|
|
70
83
|
|
|
71
84
|
// ---------------- sub-components----------------
|
|
@@ -100,6 +113,7 @@ const LoadingVersion = ({ text }: CtaOnlyProps) => (
|
|
|
100
113
|
const styles = StyleSheet.create({
|
|
101
114
|
rowCenter: {
|
|
102
115
|
flexDirection: "row",
|
|
103
|
-
alignItems: "center"
|
|
116
|
+
alignItems: "center",
|
|
117
|
+
flex: 1
|
|
104
118
|
}
|
|
105
119
|
});
|