@wavemaker/app-rn-runtime 11.11.7-rc.218 → 11.12.0-next.28188

package/core/components/error-fallback/error-fallback.component.js

@@ -0,0 +1,140 @@
+import React, { useState } from 'react';
+import { Text, View, ScrollView, TouchableOpacity } from 'react-native';
+import { navigate, goBackRef } from '@wavemaker/app-rn-runtime/core/navigation.service';
+import * as Clipboard from 'expo-clipboard';
+import injector from '@wavemaker/app-rn-runtime/core/injector';
+import { ThemeConsumer } from '@wavemaker/app-rn-runtime/styles/theme';
+import { DEFAULT_CLASS } from './error-fallback.styles';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';
+import WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';
+import WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';
+const Fallback = props => {
+  const {
+    error,
+    info,
+    resetErrorBoundary
+  } = props;
+  const [showStack, setShowStack] = useState(false);
+  const [isCopied, setIsCopied] = useState(false);
+  const appConfig = injector.get('APP_CONFIG');
+  const insets = useSafeAreaInsets();
+  const copyErrorToClipboard = async () => {
+    const errorDetails = `
+Error: ${(error === null || error === void 0 ? void 0 : error.message) || 'Unknown error'}
+Stack: ${(error === null || error === void 0 ? void 0 : error.stack) || 'No stack available'}
+Component Stack: ${(info === null || info === void 0 ? void 0 : info.componentStack) || 'No component stack available'}
+    `.trim();
+    await Clipboard.setStringAsync(errorDetails);
+    setIsCopied(true);
+    setTimeout(() => {
+      setIsCopied(false);
+    }, 2000);
+  };
+  const handleGoBack = () => {
+    goBackRef();
+    if (resetErrorBoundary) {
+      resetErrorBoundary();
+    }
+  };
+  const handleGoHome = () => {
+    navigate(appConfig.appProperties.homePage, {});
+    if (resetErrorBoundary) {
+      resetErrorBoundary();
+    }
+  };
+  return /*#__PURE__*/React.createElement(ThemeConsumer, null, theme => {
+    var _appConfig$preference;
+    const errorFallbackStyles = theme.getStyle(DEFAULT_CLASS);
+    const imageSource = appConfig === null || appConfig === void 0 || (_appConfig$preference = appConfig.preferences) === null || _appConfig$preference === void 0 ? void 0 : _appConfig$preference.errorImage;
+    return /*#__PURE__*/React.createElement(View, {
+      style: [{
+        paddingTop: insets === null || insets === void 0 ? void 0 : insets.top,
+        paddingBottom: insets === null || insets === void 0 ? void 0 : insets.bottom
+      }, errorFallbackStyles.root]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: errorFallbackStyles.infoContainer
+    }, /*#__PURE__*/React.createElement(View, {
+      style: errorFallbackStyles.imageContainer
+    }, /*#__PURE__*/React.createElement(WmPicture, {
+      picturesource: imageSource,
+      resizemode: "contain",
+      name: "picture2",
+      classname: "error-fallback-image"
+    })), /*#__PURE__*/React.createElement(WmLabel, {
+      caption: 'Something went wrong.',
+      classname: "error-fallback-title"
+    }), /*#__PURE__*/React.createElement(WmLabel, {
+      caption: 'Please try again.',
+      classname: "error-fallback-subtitle"
+    }), /*#__PURE__*/React.createElement(View, {
+      style: errorFallbackStyles.errorCard
+    }, /*#__PURE__*/React.createElement(View, {
+      style: errorFallbackStyles.errorCardRow
+    }, /*#__PURE__*/React.createElement(WmIcon, {
+      id: 'error-icon',
+      iconclass: "wi wi-error",
+      classname: "error-fallback-erroricon"
+    }), /*#__PURE__*/React.createElement(WmLabel, {
+      caption: 'Error',
+      classname: "error-fallback-error-label"
+    })), /*#__PURE__*/React.createElement(WmLabel, {
+      caption: (error === null || error === void 0 ? void 0 : error.message) || 'An unexpected error occurred',
+      classname: "error-fallback-error-message"
+    })), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: errorFallbackStyles.toggleButton,
+      onPress: () => setShowStack(!showStack)
+    }, /*#__PURE__*/React.createElement(WmLabel, {
+      caption: `${showStack ? 'Hide' : 'Show'} Error Details`,
+      classname: "error-fallback-toggle-heading"
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: {}
+    }, showStack ? /*#__PURE__*/React.createElement(WmIcon, {
+      id: 'error-stack-arrow-up',
+      iconclass: "wi wi-keyboard-arrow-up",
+      classname: "error-fallback-toggle-icon"
+    }) : /*#__PURE__*/React.createElement(WmIcon, {
+      id: 'error-stack-arrow-down',
+      iconclass: "wi wi-keyboard-arrow-down",
+      classname: "error-fallback-toggle-icon"
+    }))), showStack && /*#__PURE__*/React.createElement(View, {
+      style: errorFallbackStyles.stackCard
+    }, /*#__PURE__*/React.createElement(View, {
+      style: errorFallbackStyles.stackHeader
+    }, /*#__PURE__*/React.createElement(WmLabel, {
+      caption: 'Error Stack:',
+      classname: "error-fallback-stacktitle"
+    }), /*#__PURE__*/React.createElement(WmIcon, {
+      id: 'error-stack-content-copy',
+      iconclass: "wi wi-content-copy",
+      onTap: copyErrorToClipboard,
+      disabled: isCopied,
+      classname: isCopied ? 'error-fallback-copyicon error-fallback-copiedIcon' : 'error-fallback-copyicon'
+    })), /*#__PURE__*/React.createElement(ScrollView, {
+      style: errorFallbackStyles.stackContainer,
+      showsVerticalScrollIndicator: true
+    }, /*#__PURE__*/React.createElement(WmLabel, {
+      caption: (error === null || error === void 0 ? void 0 : error.stack) || 'No stack trace available',
+      classname: "error-fallback-stacktext"
+    }), (info === null || info === void 0 ? void 0 : info.componentStack) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WmLabel, {
+      caption: "Component Stack:",
+      classname: "error-fallback-component-stacktitle"
+    }), /*#__PURE__*/React.createElement(WmLabel, {
+      caption: info.componentStack,
+      classname: "error-fallback-stacktext"
+    }))))), /*#__PURE__*/React.createElement(View, {
+      style: errorFallbackStyles.buttonContainer
+    }, /*#__PURE__*/React.createElement(WmButton, {
+      caption: "Go to Home",
+      onTap: handleGoHome,
+      classname: "error-fallback-gotohome-btn"
+    }), /*#__PURE__*/React.createElement(WmButton, {
+      caption: "Go Back",
+      onTap: handleGoBack,
+      classname: "error-fallback-goback-btn"
+    })));
+  });
+};
+export default Fallback;
+//# sourceMappingURL=error-fallback.component.js.map

package/core/components/error-fallback/error-fallback.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Text","View","ScrollView","TouchableOpacity","navigate","goBackRef","Clipboard","injector","ThemeConsumer","DEFAULT_CLASS","WmIcon","useSafeAreaInsets","WmButton","WmLabel","WmPicture","Fallback","props","error","info","resetErrorBoundary","showStack","setShowStack","isCopied","setIsCopied","appConfig","get","insets","copyErrorToClipboard","errorDetails","message","stack","componentStack","trim","setStringAsync","setTimeout","handleGoBack","handleGoHome","appProperties","homePage","createElement","theme","_appConfig$preference","errorFallbackStyles","getStyle","imageSource","preferences","errorImage","style","paddingTop","top","paddingBottom","bottom","root","infoContainer","imageContainer","picturesource","resizemode","name","classname","caption","errorCard","errorCardRow","id","iconclass","toggleButton","onPress","stackCard","stackHeader","onTap","disabled","stackContainer","showsVerticalScrollIndicator","Fragment","buttonContainer"],"sources":["error-fallback.component.tsx"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport { Text, View, ScrollView, TouchableOpacity, Image } from 'react-native';\nimport {\n  navigate,\n  goBackRef,\n} from '@wavemaker/app-rn-runtime/core/navigation.service';\nimport * as Clipboard from 'expo-clipboard';\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\n\nimport { ThemeConsumer } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { DEFAULT_CLASS, ErrorFallbackStyles } from './error-fallback.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\n\nconst Fallback = (props: any) => {\n  const { error, info, resetErrorBoundary } = props;\n  const [showStack, setShowStack] = useState(false);\n  const [isCopied, setIsCopied] = useState(false);\n  const appConfig = injector.get<AppConfig>('APP_CONFIG');\n  const insets = useSafeAreaInsets();\n\n  const copyErrorToClipboard = async () => {\n    const errorDetails = `\nError: ${error?.message || 'Unknown error'}\nStack: ${error?.stack || 'No stack available'}\nComponent Stack: ${info?.componentStack || 'No component stack available'}\n    `.trim();\n\n    await Clipboard.setStringAsync(errorDetails);\n    setIsCopied(true);\n\n    setTimeout(() => {\n      setIsCopied(false);\n    }, 2000);\n  };\n\n  const handleGoBack = () => {\n    goBackRef();\n    if (resetErrorBoundary) {\n      resetErrorBoundary();\n    }\n  };\n\n  const handleGoHome = () => {\n    navigate(appConfig.appProperties.homePage, {});\n    if (resetErrorBoundary) {\n      resetErrorBoundary();\n    }\n  };\n\n  return (\n    <ThemeConsumer>\n      {(theme) => {\n        const errorFallbackStyles = theme.getStyle(\n          DEFAULT_CLASS\n        ) as ErrorFallbackStyles;\n          const imageSource = appConfig?.preferences?.errorImage;\n\n        return (\n          <View\n            style={[\n              { paddingTop: insets?.top, paddingBottom: insets?.bottom },\n              errorFallbackStyles.root,\n            ]}\n          >\n            {/* Error Image */}\n            <View style={errorFallbackStyles.infoContainer}>\n              <View style={errorFallbackStyles.imageContainer}>\n                 <WmPicture\n                    picturesource={imageSource}\n                    resizemode=\"contain\"\n                    name=\"picture2\"\n                    classname=\"error-fallback-image\"\n                  />\n              </View>\n\n              <WmLabel\n                caption={'Something went wrong.'}\n                classname=\"error-fallback-title\"\n              />\n              <WmLabel\n                caption={'Please try again.'}\n                classname=\"error-fallback-subtitle\"\n              />\n\n              <View style={errorFallbackStyles.errorCard}>\n                <View style={errorFallbackStyles.errorCardRow}>\n                  <WmIcon\n                    id={'error-icon'}\n                    iconclass=\"wi wi-error\"\n                    classname=\"error-fallback-erroricon\"\n                  ></WmIcon>\n                  <WmLabel\n                    caption={'Error'}\n                    classname=\"error-fallback-error-label\"\n                  />\n                </View>\n                <WmLabel\n                  caption={error?.message || 'An unexpected error occurred'}\n                  classname=\"error-fallback-error-message\"\n                />\n              </View>\n\n              <TouchableOpacity\n                style={errorFallbackStyles.toggleButton}\n                onPress={() => setShowStack(!showStack)}\n              >\n                <WmLabel\n                  caption={`${showStack ? 'Hide' : 'Show'} Error Details`}\n                  classname=\"error-fallback-toggle-heading\"\n                />\n                <Text style={{}}>\n                  {showStack ? (\n                    <WmIcon\n                      id={'error-stack-arrow-up'}\n                      iconclass=\"wi wi-keyboard-arrow-up\"\n                      classname=\"error-fallback-toggle-icon\"\n                    ></WmIcon>\n                  ) : (\n                    <WmIcon\n                      id={'error-stack-arrow-down'}\n                      iconclass=\"wi wi-keyboard-arrow-down\"\n                      classname=\"error-fallback-toggle-icon\"\n                    ></WmIcon>\n                  )}\n                </Text>\n              </TouchableOpacity>\n\n              {showStack && (\n                <View style={errorFallbackStyles.stackCard}>\n                  <View style={errorFallbackStyles.stackHeader}>\n                    <WmLabel\n                      caption={'Error Stack:'}\n                      classname=\"error-fallback-stacktitle\"\n                    />\n                    <WmIcon\n                      id={'error-stack-content-copy'}\n                      iconclass=\"wi wi-content-copy\"\n                      onTap={copyErrorToClipboard}\n                      disabled={isCopied}\n                      classname={\n                        isCopied\n                          ? 'error-fallback-copyicon error-fallback-copiedIcon'\n                          : 'error-fallback-copyicon'\n                      }\n                    />\n                  </View>\n                  <ScrollView\n                    style={errorFallbackStyles.stackContainer}\n                    showsVerticalScrollIndicator={true}\n                  >\n                    <WmLabel\n                      caption={error?.stack || 'No stack trace available'}\n                      classname=\"error-fallback-stacktext\"\n                    />\n                    {info?.componentStack && (\n                      <>\n                        <WmLabel\n                          caption=\"Component Stack:\"\n                          classname=\"error-fallback-component-stacktitle\"\n                        />\n                        <WmLabel\n                          caption={info.componentStack}\n                          classname=\"error-fallback-stacktext\"\n                        />\n                      </>\n                    )}\n                  </ScrollView>\n                </View>\n              )}\n            </View>\n\n            <View style={errorFallbackStyles.buttonContainer}>\n              <WmButton\n                caption=\"Go to Home\"\n                onTap={handleGoHome}\n                classname=\"error-fallback-gotohome-btn\"\n              />\n              <WmButton\n                caption=\"Go Back\"\n                onTap={handleGoBack}\n                classname=\"error-fallback-goback-btn\"\n              />\n            </View>\n          </View>\n        );\n      }}\n    </ThemeConsumer>\n  );\n};\n\nexport default Fallback;\n"],"mappings":"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","ignoreList":[]}

package/core/components/error-fallback/error-fallback.styles.js

@@ -0,0 +1,224 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-error-fallback';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      flex: 1,
+      paddingHorizontal: 20,
+      backgroundColor: '#fff',
+      justifyContent: 'center'
+    },
+    text: {},
+    infoContainer: {
+      flex: 1,
+      width: '100%',
+      justifyContent: 'center'
+    },
+    imageContainer: {
+      alignItems: 'center',
+      marginVertical: 24
+    },
+    errorImage: {
+      width: '80%',
+      maxWidth: 150,
+      height: undefined,
+      aspectRatio: 1.2,
+      maxHeight: 150,
+      alignSelf: 'center'
+    },
+    title: {
+      fontSize: 24,
+      fontWeight: '700',
+      textAlign: 'center',
+      color: '#2d3748',
+      marginBottom: 8
+    },
+    subtitle: {
+      fontSize: 14,
+      textAlign: 'center',
+      color: '#71717A',
+      marginBottom: 24,
+      fontWeight: '400'
+    },
+    errorCard: {
+      backgroundColor: 'rgba(245, 71, 70, 0.1)',
+      borderRadius: 12,
+      paddingHorizontal: 16,
+      paddingVertical: 12,
+      height: 70,
+      marginBottom: 16
+    },
+    errorCardRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      marginBottom: 8
+    },
+    errorLabel: {
+      fontSize: 14,
+      fontWeight: '600',
+      color: '#F54746'
+    },
+    errorMessage: {
+      fontSize: 14,
+      color: '#71717A',
+      lineHeight: 20,
+      fontWeight: 500
+    },
+    toggleButton: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      marginBottom: 16
+    },
+    toggleText: {
+      fontSize: 12,
+      color: '#71717A',
+      marginRight: 8
+    },
+    toggleIcon: {
+      fontSize: 18,
+      color: '#090A0A',
+      padding: 0
+    },
+    stackCard: {
+      backgroundColor: '#fff',
+      marginBottom: 24
+    },
+    stackHeader: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center'
+    },
+    stackTitle: {
+      fontSize: 16,
+      fontWeight: '600',
+      color: '#000'
+    },
+    copyIcon: {
+      fontSize: 18,
+      color: '#3B82F6',
+      borderRadius: 6,
+      padding: 0
+    },
+    copiedIcon: {
+      color: '#48bb78'
+    },
+    stackContainer: {
+      maxHeight: 200,
+      marginTop: 12
+    },
+    stackText: {
+      fontSize: 12,
+      color: '#4a5568',
+      lineHeight: 16,
+      fontFamily: 'monospace'
+    },
+    componentStackTitle: {
+      fontSize: 14,
+      fontWeight: '600',
+      color: '#2d3748',
+      marginTop: 16,
+      marginBottom: 8
+    },
+    buttonContainer: {
+      width: '100%',
+      maxWidth: 400,
+      alignSelf: 'center',
+      marginTop: 24,
+      marginBottom: 16
+    },
+    primaryButton: {
+      backgroundColor: '#3B82F6',
+      borderRadius: 12,
+      paddingVertical: 16,
+      paddingHorizontal: 24,
+      alignItems: 'center',
+      marginBottom: 16,
+      alignSelf: 'center',
+      width: '100%'
+    },
+    primaryButtonText: {
+      color: '#FFFFFF',
+      fontWeight: '700',
+      fontSize: 16,
+      lineHeight: 24
+    },
+    secondaryButton: {
+      alignItems: 'center',
+      paddingVertical: 12,
+      paddingHorizontal: 24,
+      alignSelf: 'center',
+      width: '100%'
+    },
+    secondaryButtonText: {
+      color: '#242424',
+      fontWeight: '600',
+      fontSize: 16,
+      lineHeight: 24
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle('error-fallback-image', '', {
+    root: defaultStyles.errorImage
+  });
+  addStyle('error-fallback-title', '', {
+    root: {
+      alignSelf: 'center'
+    },
+    text: defaultStyles.title
+  });
+  addStyle('error-fallback-subtitle', '', {
+    root: {
+      alignSelf: 'center'
+    },
+    text: defaultStyles.subtitle
+  });
+  addStyle('error-fallback-erroricon', '', {
+    icon: {
+      fontSize: 15
+    },
+    text: {
+      color: '#EF4444'
+    }
+  });
+  addStyle('error-fallback-error-label', '', {
+    text: defaultStyles.errorLabel
+  });
+  addStyle('error-fallback-error-message', '', {
+    text: defaultStyles.errorMessage
+  });
+  addStyle('error-fallback-toggle-heading', '', {
+    text: defaultStyles.toggleText
+  });
+  addStyle('error-fallback-toggle-icon', '', {
+    text: defaultStyles.toggleIcon
+  });
+  addStyle('error-fallback-stacktitle', '', {
+    root: {
+      alignSelf: 'center'
+    },
+    text: defaultStyles.stackTitle
+  });
+  addStyle('error-fallback-copyicon', '', {
+    icon: defaultStyles.copyIcon
+  });
+  addStyle('error-fallback-copiedIcon', '', {
+    icon: defaultStyles.copiedIcon
+  });
+  addStyle('error-fallback-stacktext', '', {
+    text: defaultStyles.stackText
+  });
+  addStyle('error-fallback-component-stacktitle', '', {
+    text: defaultStyles.componentStackTitle
+  });
+  addStyle('error-fallback-gotohome-btn', '', {
+    root: defaultStyles.primaryButton,
+    text: defaultStyles.primaryButtonText
+  });
+  addStyle('error-fallback-goback-btn', '', {
+    root: defaultStyles.secondaryButton,
+    text: defaultStyles.secondaryButtonText
+  });
+});
+//# sourceMappingURL=error-fallback.styles.js.map

package/core/components/error-fallback/error-fallback.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flex","paddingHorizontal","backgroundColor","justifyContent","text","infoContainer","width","imageContainer","alignItems","marginVertical","errorImage","maxWidth","height","undefined","aspectRatio","maxHeight","alignSelf","title","fontSize","fontWeight","textAlign","color","marginBottom","subtitle","errorCard","borderRadius","paddingVertical","errorCardRow","flexDirection","errorLabel","errorMessage","lineHeight","toggleButton","toggleText","marginRight","toggleIcon","padding","stackCard","stackHeader","stackTitle","copyIcon","copiedIcon","stackContainer","marginTop","stackText","fontFamily","componentStackTitle","buttonContainer","primaryButton","primaryButtonText","secondaryButton","secondaryButtonText","icon"],"sources":["error-fallback.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport {\n  BaseStyles,\n  defineStyles,\n} from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type ErrorFallbackStyles = BaseStyles & {\n  imageContainer: AllStyle;\n  errorImage: AllStyle;\n  title: AllStyle;\n  subtitle: AllStyle;\n  errorCard: AllStyle;\n  errorLabel: AllStyle;\n  errorMessage: AllStyle;\n  toggleButton: AllStyle;\n  toggleText: AllStyle;\n  toggleIcon: AllStyle;\n  stackCard: AllStyle;\n  stackHeader: AllStyle;\n  stackTitle: AllStyle;\n  copyIcon: AllStyle;\n  copiedIcon: AllStyle;\n  stackContainer: AllStyle;\n  stackText: AllStyle;\n  componentStackTitle: AllStyle;\n  buttonContainer: AllStyle;\n  primaryButton: AllStyle;\n  primaryButtonText: AllStyle;\n  secondaryButton: AllStyle;\n  secondaryButtonText: AllStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-error-fallback';\n\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: ErrorFallbackStyles = defineStyles({\n    root: {\n      flex: 1,\n      paddingHorizontal: 20,\n      backgroundColor: '#fff',\n      justifyContent: 'center',\n    },\n    text: {},\n    infoContainer: {\n      flex: 1,\n      width: '100%',\n      justifyContent: 'center',\n    },\n    imageContainer: {\n      alignItems: 'center',\n      marginVertical: 24,\n    },\n    errorImage: {\n      width: '80%',\n      maxWidth: 150,\n      height: undefined,\n      aspectRatio: 1.2,\n      maxHeight: 150,\n      alignSelf: 'center',\n    },\n    title: {\n      fontSize: 24,\n      fontWeight: '700',\n      textAlign: 'center',\n      color: '#2d3748',\n      marginBottom: 8,\n    },\n    subtitle: {\n      fontSize: 14,\n      textAlign: 'center',\n      color: '#71717A',\n      marginBottom: 24,\n      fontWeight: '400',\n    },\n    errorCard: {\n      backgroundColor: 'rgba(245, 71, 70, 0.1)',\n      borderRadius: 12,\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n      height: 70,\n      marginBottom: 16,\n    },\n    errorCardRow: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      marginBottom: 8,\n    },\n    errorLabel: {\n      fontSize: 14,\n      fontWeight: '600',\n      color: '#F54746',\n    },\n    errorMessage: {\n      fontSize: 14,\n      color: '#71717A',\n      lineHeight: 20,\n      fontWeight: 500,\n    },\n    toggleButton: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      marginBottom: 16,\n    },\n    toggleText: {\n      fontSize: 12,\n      color: '#71717A',\n      marginRight: 8,\n    },\n    toggleIcon: {\n      fontSize: 18,\n      color: '#090A0A',\n      padding: 0,\n    },\n    stackCard: {\n      backgroundColor: '#fff',\n      marginBottom: 24,\n    },\n    stackHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n    },\n    stackTitle: {\n      fontSize: 16,\n      fontWeight: '600',\n      color: '#000',\n    },\n    copyIcon: {\n      fontSize: 18,\n      color: '#3B82F6',\n      borderRadius: 6,\n      padding: 0,\n    },\n    copiedIcon: {\n      color: '#48bb78',\n    },\n    stackContainer: {\n      maxHeight: 200,\n      marginTop: 12,\n    },\n    stackText: {\n      fontSize: 12,\n      color: '#4a5568',\n      lineHeight: 16,\n      fontFamily: 'monospace',\n    },\n    componentStackTitle: {\n      fontSize: 14,\n      fontWeight: '600',\n      color: '#2d3748',\n      marginTop: 16,\n      marginBottom: 8,\n    },\n    buttonContainer: {\n      width: '100%',\n      maxWidth: 400,\n      alignSelf: 'center',\n      marginTop: 24,\n      marginBottom: 16,\n    },\n    primaryButton: {\n      backgroundColor: '#3B82F6',\n      borderRadius: 12,\n      paddingVertical: 16,\n      paddingHorizontal: 24,\n      alignItems: 'center',\n      marginBottom: 16,\n      alignSelf: 'center',\n      width: '100%',\n    },\n    primaryButtonText: {\n      color: '#FFFFFF',\n      fontWeight: '700',\n      fontSize: 16,\n      lineHeight: 24,\n    },\n    secondaryButton: {\n      alignItems: 'center',\n      paddingVertical: 12,\n      paddingHorizontal: 24,\n      alignSelf: 'center',\n      width: '100%',\n    },\n    secondaryButtonText: {\n      color: '#242424',\n      fontWeight: '600',\n      fontSize: 16,\n      lineHeight: 24,\n    },\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle('error-fallback-image', '', {\n    root: defaultStyles.errorImage,\n  });\n  addStyle('error-fallback-title', '', {\n    root: { alignSelf: 'center' },\n    text: defaultStyles.title,\n  });\n  addStyle('error-fallback-subtitle', '', {\n    root: { alignSelf: 'center' },\n    text: defaultStyles.subtitle,\n  });\n  addStyle('error-fallback-erroricon', '', {\n    icon: {fontSize: 15},\n    text: { color: '#EF4444'},\n  });\n  addStyle('error-fallback-error-label', '', {\n    text: defaultStyles.errorLabel,\n  });\n  addStyle('error-fallback-error-message', '', {\n    text: defaultStyles.errorMessage,\n  });\n  addStyle('error-fallback-toggle-heading', '', {\n    text: defaultStyles.toggleText,\n  });\n  addStyle('error-fallback-toggle-icon', '', {\n    text: defaultStyles.toggleIcon,\n  });\n  addStyle('error-fallback-stacktitle', '', {\n    root: { alignSelf: 'center' },\n    text: defaultStyles.stackTitle,\n  });\n  addStyle('error-fallback-copyicon', '', {\n    icon: defaultStyles.copyIcon,\n  });\n  addStyle('error-fallback-copiedIcon', '', {\n    icon: defaultStyles.copiedIcon,\n  });\n  addStyle('error-fallback-stacktext', '', {\n    text: defaultStyles.stackText,\n  });\n  addStyle('error-fallback-component-stacktitle', '', {\n    text: defaultStyles.componentStackTitle,\n  });\n  addStyle('error-fallback-gotohome-btn', '', {\n    root: defaultStyles.primaryButton,\n    text: defaultStyles.primaryButtonText,\n  });\n  addStyle('error-fallback-goback-btn', '', {\n    root: defaultStyles.secondaryButton,\n    text: defaultStyles.secondaryButtonText,\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/core/components/sticky-base.component.js

@@ -0,0 +1,54 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from "react";
+import { StickyComponentsContext } from "../sticky-view.component";
+import { StickyWrapperContext } from "../sticky-wrapper";
+export class StickyBaseView extends React.Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "cachedComponent", void 0);
+    _defineProperty(this, "container", null);
+    _defineProperty(this, "id", StickyBaseView.idCounter++);
+    _defineProperty(this, "layout", null);
+    _defineProperty(this, "isAdded", false);
+  }
+  componentWillUnmount() {
+    if (this.isAdded) {
+      var _this$container;
+      (_this$container = this.container) === null || _this$container === void 0 || _this$container.remove(this);
+      this.isAdded = false;
+    }
+  }
+  componentDidMount() {
+    if (this.props.show && this.container && !this.isAdded) {
+      this.container.add(this, this.renderView());
+      this.isAdded = true;
+    }
+  }
+  componentDidUpdate(prevProps) {
+    if (this.container && prevProps.show !== this.props.show) {
+      if (this.props.show && !this.isAdded) {
+        this.container.add(this, this.renderView());
+        this.isAdded = true;
+      } else if (!this.props.show && this.isAdded) {
+        this.container.remove(this);
+        this.isAdded = false;
+      }
+    }
+  }
+  render() {
+    this.cachedComponent = this.props.usememo === true && this.cachedComponent || /*#__PURE__*/React.createElement(StickyComponentsContext.Consumer, null, container => {
+      this.container = container;
+      if (this.props.show && !this.isAdded && this.container) {
+        this.container.add(this, this.renderView());
+        this.isAdded = true;
+      }
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    });
+    return this.cachedComponent;
+  }
+}
+_defineProperty(StickyBaseView, "idCounter", 0);
+_defineProperty(StickyBaseView, "contextType", StickyWrapperContext);
+//# sourceMappingURL=sticky-base.component.js.map

package/core/components/sticky-base.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StickyComponentsContext","StickyWrapperContext","StickyBaseView","Component","constructor","props","_defineProperty","idCounter","componentWillUnmount","isAdded","_this$container","container","remove","componentDidMount","show","add","renderView","componentDidUpdate","prevProps","render","cachedComponent","usememo","createElement","Consumer","Fragment"],"sources":["sticky-base.component.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport { LayoutRectangle, ViewStyle } from \"react-native\";\nimport { BaseComponent, BaseComponentState, BaseProps, BaseStyles } from \"../base.component\";\nimport { StickyComponentsContext, StickyViewComponents } from \"../sticky-view.component\";\nimport { StickyWrapperContext } from \"../sticky-wrapper\";\n\nexport interface StickyBaseViewProps {\n  name?: string;\n  style?: ViewStyle[];\n  show?: boolean;\n  theme?: any;\n  usememo?: boolean;\n  children?: any;\n  renderView?: () => ReactNode;\n  component?: BaseComponent<BaseProps, BaseComponentState<any>, BaseStyles>;\n  positionStyles?: ViewStyle;\n}\n\nexport abstract class StickyBaseView extends React.Component<StickyBaseViewProps> {\n  protected abstract renderView(): React.ReactNode;\n  cachedComponent: React.ReactNode;\n  container: StickyViewComponents = null as any;\n  static idCounter = 0;\n  id = StickyBaseView.idCounter++;\n  layout: LayoutRectangle | null = null;\n  static contextType = StickyWrapperContext;\n  private isAdded: boolean = false;\n\n  constructor(props: StickyBaseViewProps) {\n    super(props);\n  }\n\n  componentWillUnmount() {\n    if (this.isAdded) {\n      this.container?.remove(this);\n      this.isAdded = false;\n    }\n  }\n\n  componentDidMount() {\n    if (this.props.show && this.container && !this.isAdded) {\n      this.container.add(this, this.renderView());\n      this.isAdded = true;\n    }\n  }\n\n  componentDidUpdate(prevProps: StickyBaseViewProps) {\n    if (this.container && prevProps.show !== this.props.show) {\n      if (this.props.show && !this.isAdded) {\n        this.container.add(this, this.renderView());\n        this.isAdded = true;\n      } else if (!this.props.show && this.isAdded) {\n        this.container.remove(this);\n        this.isAdded = false;\n      }\n    }\n  }\n\n  render() {\n    this.cachedComponent = (this.props.usememo === true && this.cachedComponent ) || (\n      <StickyComponentsContext.Consumer>\n        {(container) => {\n          this.container = container;\n          if (this.props.show && !this.isAdded && this.container) {\n            this.container.add(this, this.renderView());\n            this.isAdded = true;\n          }\n          return <></>\n        }}\n      </StickyComponentsContext.Consumer>)\n      return this.cachedComponent;\n    }\n}"],"mappings":";;;AAAA,OAAOA,KAAK,MAAqB,OAAO;AAGxC,SAASC,uBAAuB,QAA8B,0BAA0B;AACxF,SAASC,oBAAoB,QAAQ,mBAAmB;AAcxD,OAAO,MAAeC,cAAc,SAASH,KAAK,CAACI,SAAS,CAAsB;EAUhFC,WAAWA,CAACC,KAA0B,EAAE;IACtC,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA;IAAAA,eAAA,oBARmB,IAAI;IAAAA,eAAA,aAEjCJ,cAAc,CAACK,SAAS,EAAE;IAAAD,eAAA,iBACE,IAAI;IAAAA,eAAA,kBAEV,KAAK;EAIhC;EAEAE,oBAAoBA,CAAA,EAAG;IACrB,IAAI,IAAI,CAACC,OAAO,EAAE;MAAA,IAAAC,eAAA;MAChB,CAAAA,eAAA,OAAI,CAACC,SAAS,cAAAD,eAAA,eAAdA,eAAA,CAAgBE,MAAM,CAAC,IAAI,CAAC;MAC5B,IAAI,CAACH,OAAO,GAAG,KAAK;IACtB;EACF;EAEAI,iBAAiBA,CAAA,EAAG;IAClB,IAAI,IAAI,CAACR,KAAK,CAACS,IAAI,IAAI,IAAI,CAACH,SAAS,IAAI,CAAC,IAAI,CAACF,OAAO,EAAE;MACtD,IAAI,CAACE,SAAS,CAACI,GAAG,CAAC,IAAI,EAAE,IAAI,CAACC,UAAU,CAAC,CAAC,CAAC;MAC3C,IAAI,CAACP,OAAO,GAAG,IAAI;IACrB;EACF;EAEAQ,kBAAkBA,CAACC,SAA8B,EAAE;IACjD,IAAI,IAAI,CAACP,SAAS,IAAIO,SAAS,CAACJ,IAAI,KAAK,IAAI,CAACT,KAAK,CAACS,IAAI,EAAE;MACxD,IAAI,IAAI,CAACT,KAAK,CAACS,IAAI,IAAI,CAAC,IAAI,CAACL,OAAO,EAAE;QACpC,IAAI,CAACE,SAAS,CAACI,GAAG,CAAC,IAAI,EAAE,IAAI,CAACC,UAAU,CAAC,CAAC,CAAC;QAC3C,IAAI,CAACP,OAAO,GAAG,IAAI;MACrB,CAAC,MAAM,IAAI,CAAC,IAAI,CAACJ,KAAK,CAACS,IAAI,IAAI,IAAI,CAACL,OAAO,EAAE;QAC3C,IAAI,CAACE,SAAS,CAACC,MAAM,CAAC,IAAI,CAAC;QAC3B,IAAI,CAACH,OAAO,GAAG,KAAK;MACtB;IACF;EACF;EAEAU,MAAMA,CAAA,EAAG;IACP,IAAI,CAACC,eAAe,GAAI,IAAI,CAACf,KAAK,CAACgB,OAAO,KAAK,IAAI,IAAI,IAAI,CAACD,eAAe,iBACzErB,KAAA,CAAAuB,aAAA,CAACtB,uBAAuB,CAACuB,QAAQ,QAC7BZ,SAAS,IAAK;MACd,IAAI,CAACA,SAAS,GAAGA,SAAS;MAC1B,IAAI,IAAI,CAACN,KAAK,CAACS,IAAI,IAAI,CAAC,IAAI,CAACL,OAAO,IAAI,IAAI,CAACE,SAAS,EAAE;QACtD,IAAI,CAACA,SAAS,CAACI,GAAG,CAAC,IAAI,EAAE,IAAI,CAACC,UAAU,CAAC,CAAC,CAAC;QAC3C,IAAI,CAACP,OAAO,GAAG,IAAI;MACrB;MACA,oBAAOV,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAyB,QAAA,MAAI,CAAC;IACd,CACgC,CAAE;IACpC,OAAO,IAAI,CAACJ,eAAe;EAC7B;AACJ;AAACd,eAAA,CAtDqBJ,cAAc,eAIf,CAAC;AAAAI,eAAA,CAJAJ,cAAc,iBAObD,oBAAoB","ignoreList":[]}

package/core/components/sticky-container.component.js

@@ -0,0 +1,34 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { StickyWrapperContext } from "../sticky-wrapper";
+import { StickyBaseView } from "./sticky-base.component";
+import Animated from 'react-native-reanimated';
+import { View } from 'react-native';
+export class StickyContainer extends StickyBaseView {
+  constructor(props) {
+    super(props);
+  }
+  renderView() {
+    return /*#__PURE__*/React.createElement(StickyWrapperContext.Consumer, null, context => {
+      const {
+        stickyContainerAnimateStyle
+      } = context || {};
+      return /*#__PURE__*/React.createElement(View, {
+        style: {
+          ...this.props.positionStyles
+        },
+        testID: `${this.props.name}-sticky-container`
+      }, /*#__PURE__*/React.createElement(Animated.View, {
+        style: [stickyContainerAnimateStyle, this.props.style],
+        key: `sticky-container-${this.id}`
+      }, this.props.children));
+    });
+  }
+}
+_defineProperty(StickyContainer, "defaultProps", {
+  show: true
+});
+_defineProperty(StickyContainer, "contextType", StickyWrapperContext);
+//# sourceMappingURL=sticky-container.component.js.map

package/core/components/sticky-container.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StickyWrapperContext","StickyBaseView","Animated","View","StickyContainer","constructor","props","renderView","createElement","Consumer","context","stickyContainerAnimateStyle","style","positionStyles","testID","name","key","id","children","_defineProperty","show"],"sources":["sticky-container.component.tsx"],"sourcesContent":["import React from 'react';\nimport { StickyWrapperContext } from \"../sticky-wrapper\";\nimport { StickyBaseView, StickyBaseViewProps } from \"./sticky-base.component\";\nimport Animated from 'react-native-reanimated';\nimport { View } from 'react-native';\n\ninterface StickyContainerProps extends StickyBaseViewProps {}\n\nexport class StickyContainer extends StickyBaseView {\n  static defaultProps = {\n    show: true\n  };\n  static contextType = StickyWrapperContext;\n\n  constructor(props: StickyContainerProps) {\n    super(props);\n  }\n  \n  renderView() {\n    return <StickyWrapperContext.Consumer>\n      {(context) => {\n        const { stickyContainerAnimateStyle } = context || {};\n        return (\n          <View style={{...this.props.positionStyles}}\n            testID={`${this.props.name}-sticky-container`}\n          >\n            <Animated.View style={[ stickyContainerAnimateStyle as any, this.props.style]}\n              key={`sticky-container-${this.id}`}\n            >\n              {this.props.children}\n            </Animated.View>\n          </View>\n        );\n      }}\n    </StickyWrapperContext.Consumer>\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,oBAAoB,QAAQ,mBAAmB;AACxD,SAASC,cAAc,QAA6B,yBAAyB;AAC7E,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,IAAI,QAAQ,cAAc;AAInC,OAAO,MAAMC,eAAe,SAASH,cAAc,CAAC;EAMlDI,WAAWA,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,CAAC;EACd;EAEAC,UAAUA,CAAA,EAAG;IACX,oBAAOR,KAAA,CAAAS,aAAA,CAACR,oBAAoB,CAACS,QAAQ,QACjCC,OAAO,IAAK;MACZ,MAAM;QAAEC;MAA4B,CAAC,GAAGD,OAAO,IAAI,CAAC,CAAC;MACrD,oBACEX,KAAA,CAAAS,aAAA,CAACL,IAAI;QAACS,KAAK,EAAE;UAAC,GAAG,IAAI,CAACN,KAAK,CAACO;QAAc,CAAE;QAC1CC,MAAM,EAAE,GAAG,IAAI,CAACR,KAAK,CAACS,IAAI;MAAoB,gBAE9ChB,KAAA,CAAAS,aAAA,CAACN,QAAQ,CAACC,IAAI;QAACS,KAAK,EAAE,CAAED,2BAA2B,EAAS,IAAI,CAACL,KAAK,CAACM,KAAK,CAAE;QAC5EI,GAAG,EAAE,oBAAoB,IAAI,CAACC,EAAE;MAAG,GAElC,IAAI,CAACX,KAAK,CAACY,QACC,CACX,CAAC;IAEX,CAC6B,CAAC;EAClC;AACF;AAACC,eAAA,CA5BYf,eAAe,kBACJ;EACpBgB,IAAI,EAAE;AACR,CAAC;AAAAD,eAAA,CAHUf,eAAe,iBAILJ,oBAAoB","ignoreList":[]}

package/core/components/sticky-container.styles.js

@@ -0,0 +1,98 @@
+/**
+ * Utility function to calculate parent hierarchy styles for sticky positioning
+ * Converts accumulated horizontal spacing from parent hierarchy to positioning offsets and content styles
+ */
+export function getParentStyles(component) {
+  // Extract and accumulate parent-inherited styles from the entire component hierarchy
+  const accumulatedParentSpacing = {
+    marginLeft: 0,
+    marginRight: 0,
+    paddingLeft: 0,
+    paddingRight: 0,
+    margin: 0,
+    padding: 0
+  };
+  const inheritedStyles = {};
+  const horizontalSpacingProperties = ['marginLeft', 'marginRight', 'margin', 'paddingLeft', 'paddingRight', 'padding'];
+  const inheritableProperties = ['alignSelf', 'alignItems', 'alignContent', 'justifyContent', 'textAlign', 'textAlignVertical'];
+
+  // Traverse up the parent hierarchy (for horizontal positioning offsets only)
+  let currentComponent = component.parent;
+  while (currentComponent) {
+    if (currentComponent.styles && currentComponent.styles.root) {
+      const parentRootStyles = currentComponent.styles.root;
+      horizontalSpacingProperties.forEach(property => {
+        if (parentRootStyles[property] !== undefined) {
+          const value = parentRootStyles[property];
+          if (typeof value === 'number') {
+            accumulatedParentSpacing[property] += value;
+          } else if (typeof value === 'string' && value.match(/^\d+$/)) {
+            accumulatedParentSpacing[property] += parseInt(value, 10);
+          }
+        }
+      });
+
+      // Inherit other properties from the closest parent that has them
+      inheritableProperties.forEach(property => {
+        if (parentRootStyles[property] !== undefined && inheritedStyles[property] === undefined) {
+          inheritedStyles[property] = parentRootStyles[property];
+        }
+      });
+    }
+    currentComponent = currentComponent.parent;
+  }
+
+  // Convert accumulated parent spacing to horizontal positioning offsets for absolute positioning
+  const positioningStyles = {
+    ...inheritedStyles
+  };
+  const contentStyles = {};
+
+  // Apply current component's own alignment properties
+  if (component.styles && component.styles.root) {
+    const currentStyles = component.styles.root;
+    inheritableProperties.forEach(property => {
+      if (currentStyles[property] !== undefined) {
+        contentStyles[property] = currentStyles[property];
+      }
+    });
+
+    // Auto-apply alignItems: "center" when justifyContent or textAlign is "center"
+    if (currentStyles.justifyContent === 'center' || currentStyles.textAlign === 'center') {
+      positioningStyles.alignItems = 'center';
+    }
+  }
+  let leftOffset = 0;
+  let rightOffset = 0;
+  const {
+    marginLeft,
+    marginRight,
+    margin,
+    paddingLeft,
+    paddingRight,
+    padding
+  } = accumulatedParentSpacing;
+
+  // Add parent margins to horizontal positioning offsets
+  if (marginLeft || margin) {
+    leftOffset += (marginLeft || 0) + (margin || 0);
+  }
+  if (marginRight || margin) {
+    rightOffset += (marginRight || 0) + (margin || 0);
+  }
+
+  // Add parent padding to horizontal positioning offsets
+  if (paddingLeft || padding) {
+    leftOffset += (paddingLeft || 0) + (padding || 0);
+  }
+  if (paddingRight || padding) {
+    rightOffset += (paddingRight || 0) + (padding || 0);
+  }
+  if (leftOffset > 0) positioningStyles.paddingLeft = leftOffset;
+  if (rightOffset > 0) positioningStyles.paddingRight = rightOffset;
+  return {
+    positioningStyles,
+    contentStyles
+  };
+}
+//# sourceMappingURL=sticky-container.styles.js.map

package/core/components/sticky-container.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getParentStyles","component","accumulatedParentSpacing","marginLeft","marginRight","paddingLeft","paddingRight","margin","padding","inheritedStyles","horizontalSpacingProperties","inheritableProperties","currentComponent","parent","styles","root","parentRootStyles","forEach","property","undefined","value","match","parseInt","positioningStyles","contentStyles","currentStyles","justifyContent","textAlign","alignItems","leftOffset","rightOffset"],"sources":["sticky-container.styles.ts"],"sourcesContent":["import { ViewStyle, TextStyle } from 'react-native';\nimport { BaseComponent, BaseComponentState, BaseProps, BaseStyles } from '../base.component';\n\n/**\n * Utility function to calculate parent hierarchy styles for sticky positioning\n * Converts accumulated horizontal spacing from parent hierarchy to positioning offsets and content styles\n */\nexport function getParentStyles(component: BaseComponent<BaseProps, BaseComponentState<any>, BaseStyles>): {\n   positioningStyles: ViewStyle & TextStyle; contentStyles: ViewStyle & TextStyle \n} {\n  // Extract and accumulate parent-inherited styles from the entire component hierarchy\n  const accumulatedParentSpacing = {\n    marginLeft: 0, marginRight: 0,\n    paddingLeft: 0, paddingRight: 0,\n    margin: 0, padding: 0\n  };\n\n  const inheritedStyles: ViewStyle & TextStyle = {};\n  \n  const horizontalSpacingProperties = [\n    'marginLeft', 'marginRight', 'margin',\n    'paddingLeft', 'paddingRight', 'padding'\n  ] as const;\n  \n  const inheritableProperties = [\n    'alignSelf', 'alignItems', 'alignContent', 'justifyContent',\n    'textAlign', 'textAlignVertical',\n  ] as const;\n\n  // Traverse up the parent hierarchy (for horizontal positioning offsets only)\n  let currentComponent = component.parent;\n  while (currentComponent) {\n    if (currentComponent.styles && currentComponent.styles.root) {\n      const parentRootStyles = currentComponent.styles.root;\n      horizontalSpacingProperties.forEach(property => {\n        if (parentRootStyles[property] !== undefined) {\n          const value = parentRootStyles[property];\n          if (typeof value === 'number') {\n            (accumulatedParentSpacing as any)[property] += value;\n          } else if (typeof value === 'string' && value.match(/^\\d+$/)) {\n            (accumulatedParentSpacing as any)[property] += parseInt(value, 10);\n          }\n        }\n      });\n      \n      // Inherit other properties from the closest parent that has them\n      inheritableProperties.forEach(property => {\n        if (parentRootStyles[property] !== undefined && inheritedStyles[property] === undefined) {\n          (inheritedStyles as any)[property] = parentRootStyles[property];\n        }\n      });\n    }\n    currentComponent = currentComponent.parent;\n  }\n  \n  // Convert accumulated parent spacing to horizontal positioning offsets for absolute positioning\n  const positioningStyles: ViewStyle & TextStyle = { ...inheritedStyles };\n  const contentStyles: ViewStyle & TextStyle = {};\n  \n  // Apply current component's own alignment properties\n  if (component.styles && component.styles.root) {\n    const currentStyles = component.styles.root;\n    inheritableProperties.forEach(property => {\n      if (currentStyles[property] !== undefined) {\n        (contentStyles as any)[property] = currentStyles[property];\n      }\n    });\n    \n    // Auto-apply alignItems: \"center\" when justifyContent or textAlign is \"center\"\n    if (currentStyles.justifyContent === 'center' || currentStyles.textAlign === 'center') {\n      (positioningStyles as any).alignItems = 'center';\n    }\n  }\n \n  let leftOffset = 0;\n  let rightOffset = 0;\n\n  const { marginLeft, marginRight, margin, paddingLeft, paddingRight, padding } = accumulatedParentSpacing;\n  \n  // Add parent margins to horizontal positioning offsets\n  if (marginLeft || margin) {\n    leftOffset += (marginLeft || 0) + (margin || 0);\n  }\n  if (marginRight || margin) {\n    rightOffset += (marginRight || 0) + (margin || 0);\n  }\n  \n  // Add parent padding to horizontal positioning offsets\n  if (paddingLeft || padding) {\n    leftOffset += (paddingLeft || 0) + (padding || 0);\n  }\n  if (paddingRight || padding) {\n    rightOffset += (paddingRight || 0) + (padding || 0);\n  }\n  \n  if (leftOffset > 0) positioningStyles.paddingLeft = leftOffset;\n  if (rightOffset > 0) positioningStyles.paddingRight = rightOffset;\n\n  return { positioningStyles, contentStyles };\n}\n"],"mappings":"AAGA;AACA;AACA;AACA;AACA,OAAO,SAASA,eAAeA,CAACC,SAAwE,EAEtG;EACA;EACA,MAAMC,wBAAwB,GAAG;IAC/BC,UAAU,EAAE,CAAC;IAAEC,WAAW,EAAE,CAAC;IAC7BC,WAAW,EAAE,CAAC;IAAEC,YAAY,EAAE,CAAC;IAC/BC,MAAM,EAAE,CAAC;IAAEC,OAAO,EAAE;EACtB,CAAC;EAED,MAAMC,eAAsC,GAAG,CAAC,CAAC;EAEjD,MAAMC,2BAA2B,GAAG,CAClC,YAAY,EAAE,aAAa,EAAE,QAAQ,EACrC,aAAa,EAAE,cAAc,EAAE,SAAS,CAChC;EAEV,MAAMC,qBAAqB,GAAG,CAC5B,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAC3D,WAAW,EAAE,mBAAmB,CACxB;;EAEV;EACA,IAAIC,gBAAgB,GAAGX,SAAS,CAACY,MAAM;EACvC,OAAOD,gBAAgB,EAAE;IACvB,IAAIA,gBAAgB,CAACE,MAAM,IAAIF,gBAAgB,CAACE,MAAM,CAACC,IAAI,EAAE;MAC3D,MAAMC,gBAAgB,GAAGJ,gBAAgB,CAACE,MAAM,CAACC,IAAI;MACrDL,2BAA2B,CAACO,OAAO,CAACC,QAAQ,IAAI;QAC9C,IAAIF,gBAAgB,CAACE,QAAQ,CAAC,KAAKC,SAAS,EAAE;UAC5C,MAAMC,KAAK,GAAGJ,gBAAgB,CAACE,QAAQ,CAAC;UACxC,IAAI,OAAOE,KAAK,KAAK,QAAQ,EAAE;YAC5BlB,wBAAwB,CAASgB,QAAQ,CAAC,IAAIE,KAAK;UACtD,CAAC,MAAM,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACC,KAAK,CAAC,OAAO,CAAC,EAAE;YAC3DnB,wBAAwB,CAASgB,QAAQ,CAAC,IAAII,QAAQ,CAACF,KAAK,EAAE,EAAE,CAAC;UACpE;QACF;MACF,CAAC,CAAC;;MAEF;MACAT,qBAAqB,CAACM,OAAO,CAACC,QAAQ,IAAI;QACxC,IAAIF,gBAAgB,CAACE,QAAQ,CAAC,KAAKC,SAAS,IAAIV,eAAe,CAACS,QAAQ,CAAC,KAAKC,SAAS,EAAE;UACtFV,eAAe,CAASS,QAAQ,CAAC,GAAGF,gBAAgB,CAACE,QAAQ,CAAC;QACjE;MACF,CAAC,CAAC;IACJ;IACAN,gBAAgB,GAAGA,gBAAgB,CAACC,MAAM;EAC5C;;EAEA;EACA,MAAMU,iBAAwC,GAAG;IAAE,GAAGd;EAAgB,CAAC;EACvE,MAAMe,aAAoC,GAAG,CAAC,CAAC;;EAE/C;EACA,IAAIvB,SAAS,CAACa,MAAM,IAAIb,SAAS,CAACa,MAAM,CAACC,IAAI,EAAE;IAC7C,MAAMU,aAAa,GAAGxB,SAAS,CAACa,MAAM,CAACC,IAAI;IAC3CJ,qBAAqB,CAACM,OAAO,CAACC,QAAQ,IAAI;MACxC,IAAIO,aAAa,CAACP,QAAQ,CAAC,KAAKC,SAAS,EAAE;QACxCK,aAAa,CAASN,QAAQ,CAAC,GAAGO,aAAa,CAACP,QAAQ,CAAC;MAC5D;IACF,CAAC,CAAC;;IAEF;IACA,IAAIO,aAAa,CAACC,cAAc,KAAK,QAAQ,IAAID,aAAa,CAACE,SAAS,KAAK,QAAQ,EAAE;MACpFJ,iBAAiB,CAASK,UAAU,GAAG,QAAQ;IAClD;EACF;EAEA,IAAIC,UAAU,GAAG,CAAC;EAClB,IAAIC,WAAW,GAAG,CAAC;EAEnB,MAAM;IAAE3B,UAAU;IAAEC,WAAW;IAAEG,MAAM;IAAEF,WAAW;IAAEC,YAAY;IAAEE;EAAQ,CAAC,GAAGN,wBAAwB;;EAExG;EACA,IAAIC,UAAU,IAAII,MAAM,EAAE;IACxBsB,UAAU,IAAI,CAAC1B,UAAU,IAAI,CAAC,KAAKI,MAAM,IAAI,CAAC,CAAC;EACjD;EACA,IAAIH,WAAW,IAAIG,MAAM,EAAE;IACzBuB,WAAW,IAAI,CAAC1B,WAAW,IAAI,CAAC,KAAKG,MAAM,IAAI,CAAC,CAAC;EACnD;;EAEA;EACA,IAAIF,WAAW,IAAIG,OAAO,EAAE;IAC1BqB,UAAU,IAAI,CAACxB,WAAW,IAAI,CAAC,KAAKG,OAAO,IAAI,CAAC,CAAC;EACnD;EACA,IAAIF,YAAY,IAAIE,OAAO,EAAE;IAC3BsB,WAAW,IAAI,CAACxB,YAAY,IAAI,CAAC,KAAKE,OAAO,IAAI,CAAC,CAAC;EACrD;EAEA,IAAIqB,UAAU,GAAG,CAAC,EAAEN,iBAAiB,CAAClB,WAAW,GAAGwB,UAAU;EAC9D,IAAIC,WAAW,GAAG,CAAC,EAAEP,iBAAiB,CAACjB,YAAY,GAAGwB,WAAW;EAEjE,OAAO;IAAEP,iBAAiB;IAAEC;EAAc,CAAC;AAC7C","ignoreList":[]}