ordering-ui-react-native 0.16.80 → 0.16.82

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-react-native",
-  "version": "0.16.80",
+  "version": "0.16.82",
   "description": "Reusable components made in react native",
   "main": "src/index.tsx",
   "author": "ordering.inc",

package/themes/kiosk/src/components/LoginForm/index.tsx

@@ -33,7 +33,8 @@ const LoginFormUI = (props: LoginParams) => {
     formState,
     handleButtonLoginClick,
     useRootPoint,
-    handleReCaptcha
+    handleReCaptcha,
+    enableReCaptcha
   } = props;
 
   const theme = useTheme()
@@ -167,7 +168,7 @@ const LoginFormUI = (props: LoginParams) => {
   }, [errors]);
 
   useEffect(() => {
-    if (configs && Object.keys(configs).length > 0) {
+    if (configs && Object.keys(configs).length > 0 && enableReCaptcha) {
       if (configs?.security_recaptcha_type?.value === 'v3' &&
         configs?.security_recaptcha_score_v3?.value > 0 &&
         configs?.security_recaptcha_site_key_v3?.value
@@ -187,7 +188,7 @@ const LoginFormUI = (props: LoginParams) => {
         })
       }
     }
-  }, [configs])
+  }, [configs, enableReCaptcha])
 
   const logo = (
     <LogoWrapper>

package/themes/kiosk/src/types/index.d.ts

@@ -82,6 +82,7 @@ export interface LoginParams {
   handleSendVerifyCode?: any;
   handleCheckPhoneCode?: any;
   useRootPoint?: any;
+  enableReCaptcha?: boolean;
   handleReCaptcha?: (vlaue: any) => void;
 }
 

package/themes/original/src/components/BusinessBasicInformation/index.tsx

@@ -103,7 +103,10 @@ export const BusinessBasicInformation = (
 			height: 12,
 			width: 12,
 			margin: 0,
-			padding: 0
+			padding: 0,
+			display: 'flex',
+			justifyContent: 'center',
+			alignItems: 'center'
 		},
 		headerChewStyle: {
 			paddingHorizontal: 30,
@@ -221,7 +224,8 @@ export const BusinessBasicInformation = (
 								<View style={styles.tiktokIcon}>
 									<OIcon
 										src={theme.images.general.tiktok}
-										style={{ width: '100%', height: '100%' }}
+										style={{ width: 10, height: 12 }}
+										cover
 									/>
 								</View>
 							</Pressable>

package/themes/original/src/components/Checkout/index.tsx

@@ -329,10 +329,10 @@ const CheckoutUI = (props: any) => {
 								!businessDetails?.error &&
 								(
 									<Placeholder Animation={Fade}>
-										<PlaceholderLine height={20} width={70} />
-										<PlaceholderLine height={10} width={60} />
-										<PlaceholderLine height={10} width={60} />
-										<PlaceholderLine height={10} width={80} style={{ marginBottom: 20 }} />
+										<PlaceholderLine height={20} />
+										<PlaceholderLine height={12} />
+										<PlaceholderLine height={12} />
+										<PlaceholderLine height={12} style={{ marginBottom: 20 }} />
 									</Placeholder>
 								)}
 							{
@@ -378,10 +378,10 @@ const CheckoutUI = (props: any) => {
 						<ChUserDetails>
 							{cartState.loading ? (
 								<Placeholder Animation={Fade}>
-									<PlaceholderLine height={20} width={70} />
-									<PlaceholderLine height={10} width={60} />
-									<PlaceholderLine height={10} width={60} />
-									<PlaceholderLine height={10} width={80} style={{ marginBottom: 20 }} />
+									<PlaceholderLine height={20} />
+									<PlaceholderLine height={12} />
+									<PlaceholderLine height={12} />
+									<PlaceholderLine height={12} style={{ marginBottom: 20 }} />
 								</Placeholder>
 							) : (
 								<UserDetails
@@ -405,8 +405,8 @@ const CheckoutUI = (props: any) => {
 							{cartState.loading || deliveryOptionSelected === undefined ? (
 								<View style={{ height: 110 }}>
 									<Placeholder Animation={Fade}>
-										<PlaceholderLine height={20} width={70} />
-										<PlaceholderLine height={40} width={100} />
+										<PlaceholderLine height={20} />
+										<PlaceholderLine height={40} />
 									</Placeholder>
 								</View>
 							) : (