@oxyhq/services 6.9.44 → 6.9.45

package/lib/commonjs/ui/components/OxyPayButton.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
+var _theme = require("@oxyhq/bloom/theme");
 var _fonts = require("../styles/fonts.js");
 var _OxyLogo = _interopRequireDefault(require("./OxyLogo.js"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -27,13 +28,14 @@ const OxyPayButton = ({
   color,
   variant = 'white'
 }) => {
+  const theme = (0, _theme.useTheme)();
   const [buttonHeight, setButtonHeight] = (0, _react.useState)(52);
   const handlePress = () => {
     console.warn('OxyPayButton: The bottom sheet payment flow has been removed. Provide a custom onPress handler.');
   };
   // Determine background and text color
-  const backgroundColor = color || (variant === 'black' ? '#111' : '#fff');
-  const textColor = variant === 'black' || color && isColorDark(color) ? '#fff' : '#1b1f0a';
+  const backgroundColor = color || (variant === 'black' ? theme.colors.text : theme.colors.background);
+  const textColor = variant === 'black' || color && isColorDark(color) ? theme.colors.background : '#1b1f0a';
   // Responsive sizing
   const logoWidth = Math.round(buttonHeight * 0.5); // 50% of button height
   const logoHeight = Math.round(buttonHeight * 0.25); // 25% of button height

package/lib/commonjs/ui/components/OxyPayButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_fonts","_OxyLogo","_interopRequireDefault","_jsxRuntime","e","__esModule","default","OxyPayButton","style","textStyle","text","disabled","amount","currency","paymentItems","description","onPaymentResult","color","variant","buttonHeight","setButtonHeight","useState","handlePress","console","warn","backgroundColor","textColor","isColorDark","logoWidth","Math","round","logoHeight","fontSize","handleLayout","h","nativeEvent","layout","height","abs","jsx","TouchableOpacity","styles","button","borderColor","borderWidth","buttonDisabled","onPress","activeOpacity","onLayout","children","jsxs","View","buttonContent","size","marginRight","marginTop","fillColor","Text","hex","c","replace","length","split","map","x","join","r","Number","parseInt","substr","g","b","StyleSheet","create","padding","borderRadius","alignItems","justifyContent","flexDirection","minHeight","opacity","oxyLogo","centeredItem","fontFamily","fontFamilies","inter","fontWeight","_default","exports"],"sourceRoot":"../../../../src","sources":["ui/components/OxyPayButton.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_theme","_fonts","_OxyLogo","_interopRequireDefault","_jsxRuntime","e","__esModule","default","OxyPayButton","style","textStyle","text","disabled","amount","currency","paymentItems","description","onPaymentResult","color","variant","theme","useTheme","buttonHeight","setButtonHeight","useState","handlePress","console","warn","backgroundColor","colors","background","textColor","isColorDark","logoWidth","Math","round","logoHeight","fontSize","handleLayout","h","nativeEvent","layout","height","abs","jsx","TouchableOpacity","styles","button","borderColor","borderWidth","buttonDisabled","onPress","activeOpacity","onLayout","children","jsxs","View","buttonContent","size","marginRight","marginTop","fillColor","Text","hex","c","replace","length","split","map","x","join","r","Number","parseInt","substr","g","b","StyleSheet","create","padding","borderRadius","alignItems","justifyContent","flexDirection","minHeight","opacity","oxyLogo","centeredItem","fontFamily","fontFamilies","inter","fontWeight","_default","exports"],"sourceRoot":"../../../../src","sources":["ui/components/OxyPayButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/OxySignInButton.js

@@ -8,6 +8,7 @@ var _react = require("react");
 var _reactNative = require("react-native");
 var _authStore = require("../stores/authStore.js");
 var _shallow = require("zustand/react/shallow");
+var _theme = require("@oxyhq/bloom/theme");
 var _fonts = require("../styles/fonts.js");
 var _OxyLogo = _interopRequireDefault(require("./OxyLogo.js"));
 var _SignInModal = require("./SignInModal.js");
@@ -15,26 +16,25 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * A pre-styled button component for signing in with Oxy identity
- * 
+ *
  * This component opens the Oxy Auth flow which allows users to authenticate
  * using their Oxy Accounts identity (via QR code or deep link).
- * 
+ *
  * @example
  * ```tsx
  * // Basic usage
  * <OxySignInButton />
- * 
+ *
  * // Custom styling
- * <OxySignInButton 
- *   variant="contained" 
- *   style={{ marginTop: 20 }} 
- *   text="Login with Oxy" 
+ * <OxySignInButton
+ *   variant="contained"
+ *   style={{ marginTop: 20 }}
+ *   text="Login with Oxy"
  * />
- * 
+ *
  * // Custom handler
  * <OxySignInButton onPress={() => {
  *   // Custom authentication flow
- *   console.log('Custom auth flow initiated');
  * }} />
  * ```
  */
@@ -47,6 +47,7 @@ const OxySignInButton = ({
   disabled = false,
   showWhenAuthenticated = false
 }) => {
+  const theme = (0, _theme.useTheme)();
   const {
     isAuthenticated,
     isLoading
@@ -71,6 +72,68 @@ const OxySignInButton = ({
     // Show the full-screen sign-in modal on all platforms
     (0, _SignInModal.showSignInModal)();
   }, [onPress]);
+  const themedStyles = (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    button: {
+      padding: 14,
+      borderRadius: 35,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    buttonDefault: {
+      backgroundColor: '#FFFFFF',
+      borderWidth: 1,
+      borderColor: theme.colors.borderLight,
+      ..._reactNative.Platform.select({
+        web: {
+          boxShadow: '0 2px 4px rgba(0,0,0,0.1)'
+        },
+        default: {
+          shadowColor: '#000000',
+          shadowOffset: {
+            width: 0,
+            height: 2
+          },
+          shadowOpacity: 0.1,
+          shadowRadius: 4,
+          elevation: 2
+        }
+      })
+    },
+    buttonOutline: {
+      backgroundColor: 'transparent',
+      borderWidth: 1,
+      borderColor: theme.colors.primary
+    },
+    buttonContained: {
+      backgroundColor: theme.colors.primary
+    },
+    buttonDisabled: {
+      opacity: 0.6
+    },
+    buttonContent: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    text: {
+      fontFamily: _fonts.fontFamilies.interSemiBold,
+      fontWeight: _reactNative.Platform.OS === 'web' ? '600' : undefined,
+      fontSize: 16,
+      marginLeft: 10
+    },
+    textDefault: {
+      color: theme.colors.text
+    },
+    textOutline: {
+      color: theme.colors.primary
+    },
+    textContained: {
+      color: '#FFFFFF'
+    },
+    textDisabled: {
+      color: theme.colors.textTertiary
+    }
+  }), [theme]);
 
   // Don't show the button if already authenticated (unless explicitly overridden)
   if (isAuthenticated && !showWhenAuthenticated) return null;
@@ -80,11 +143,11 @@ const OxySignInButton = ({
   const getButtonStyle = () => {
     switch (variant) {
       case 'outline':
-        return [styles.buttonOutline, style];
+        return [themedStyles.buttonOutline, style];
       case 'contained':
-        return [styles.buttonContained, style];
+        return [themedStyles.buttonContained, style];
       default:
-        return [styles.buttonDefault, style];
+        return [themedStyles.buttonDefault, style];
     }
   };
 
@@ -92,96 +155,34 @@ const OxySignInButton = ({
   const getTextStyle = () => {
     switch (variant) {
       case 'outline':
-        return [styles.textOutline, textStyle];
+        return [themedStyles.textOutline, textStyle];
       case 'contained':
-        return [styles.textContained, textStyle];
+        return [themedStyles.textContained, textStyle];
       default:
-        return [styles.textDefault, textStyle];
+        return [themedStyles.textDefault, textStyle];
     }
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-    style: [styles.button, getButtonStyle(), isButtonDisabled && styles.buttonDisabled],
+    style: [themedStyles.button, getButtonStyle(), isButtonDisabled && themedStyles.buttonDisabled],
     onPress: handlePress,
     disabled: isButtonDisabled,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.buttonContent,
+      style: themedStyles.buttonContent,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyLogo.default, {
         variant: "icon",
         size: 20,
-        fillColor: variant === 'contained' ? 'white' : '#d269e6',
-        innerFillColor: variant === 'contained' ? '#d269e6' : undefined,
+        fillColor: variant === 'contained' ? 'white' : theme.colors.primary,
+        innerFillColor: variant === 'contained' ? theme.colors.primary : undefined,
         style: isButtonDisabled ? {
           opacity: 0.6
         } : undefined
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.text, getTextStyle(), isButtonDisabled && styles.textDisabled],
+        style: [themedStyles.text, getTextStyle(), isButtonDisabled && themedStyles.textDisabled],
         children: isLoading || isModalOpen ? 'Signing in...' : text
       })]
     })
   });
 };
 exports.OxySignInButton = OxySignInButton;
-const styles = _reactNative.StyleSheet.create({
-  button: {
-    padding: 14,
-    borderRadius: 35,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  buttonDefault: {
-    backgroundColor: '#FFFFFF',
-    borderWidth: 1,
-    borderColor: '#DDDDDD',
-    ..._reactNative.Platform.select({
-      web: {
-        boxShadow: '0 2px 4px rgba(0,0,0,0.1)'
-      },
-      default: {
-        shadowColor: '#000000',
-        shadowOffset: {
-          width: 0,
-          height: 2
-        },
-        shadowOpacity: 0.1,
-        shadowRadius: 4,
-        elevation: 2
-      }
-    })
-  },
-  buttonOutline: {
-    backgroundColor: 'transparent',
-    borderWidth: 1,
-    borderColor: '#d169e5'
-  },
-  buttonContained: {
-    backgroundColor: '#d169e5'
-  },
-  buttonDisabled: {
-    opacity: 0.6
-  },
-  buttonContent: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  text: {
-    fontFamily: _fonts.fontFamilies.interSemiBold,
-    fontWeight: _reactNative.Platform.OS === 'web' ? '600' : undefined,
-    fontSize: 16,
-    marginLeft: 10
-  },
-  textDefault: {
-    color: '#333333'
-  },
-  textOutline: {
-    color: '#d169e5'
-  },
-  textContained: {
-    color: '#FFFFFF'
-  },
-  textDisabled: {
-    color: '#888888'
-  }
-});
 var _default = exports.default = OxySignInButton;
 //# sourceMappingURL=OxySignInButton.js.map

package/lib/commonjs/ui/components/OxySignInButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_authStore","_shallow","_fonts","_OxyLogo","_interopRequireDefault","_SignInModal","_jsxRuntime","e","__esModule","default","OxySignInButton","variant","onPress","style","textStyle","text","disabled","showWhenAuthenticated","isAuthenticated","isLoading","useAuthStore","useShallow","state","isModalOpen","setIsModalOpen","useState","useEffect","subscribeToSignInModal","handlePress","useCallback","showSignInModal","isButtonDisabled","getButtonStyle","styles","buttonOutline","buttonContained","buttonDefault","getTextStyle","textOutline","textContained","textDefault","jsx","TouchableOpacity","button","buttonDisabled","children","jsxs","View","buttonContent","size","fillColor","innerFillColor","undefined","opacity","Text","textDisabled","exports","StyleSheet","create","padding","borderRadius","alignItems","justifyContent","backgroundColor","borderWidth","borderColor","Platform","select","web","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","flexDirection","fontFamily","fontFamilies","interSemiBold","fontWeight","OS","fontSize","marginLeft","color","_default"],"sourceRoot":"../../../../src","sources":["ui/components/OxySignInButton.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AAAwE,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAM,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AA4CxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,eAA+C,GAAGA,CAAC;EAC5DC,OAAO,GAAG,SAAS;EACnBC,OAAO;EACPC,KAAK;EACLC,SAAS;EACTC,IAAI,GAAG,kBAAkB;EACzBC,QAAQ,GAAG,KAAK;EAChBC,qBAAqB,GAAG;AAC5B,CAAC,KAAK;EACF,MAAM;IAAEC,eAAe;IAAEC;EAAU,CAAC,GAAG,IAAAC,uBAAY,EAC/C,IAAAC,mBAAU,EAAEC,KAAK,KAAM;IAAEJ,eAAe,EAAEI,KAAK,CAACJ,eAAe;IAAEC,SAAS,EAAEG,KAAK,CAACH;EAAU,CAAC,CAAC,CAClG,CAAC;EACD,MAAM,CAACI,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;;EAErD;EACA,IAAAC,gBAAS,EAAC,MAAM;IACZ,OAAO,IAAAC,mCAAsB,EAACH,cAAc,CAAC;EACjD,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,MAAMI,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAClC,IAAIjB,OAAO,EAAE;MACTA,OAAO,CAAC,CAAC;MACT;IACJ;IAEAY,cAAc,CAAC,IAAI,CAAC;IACpB;IACA,IAAAM,4BAAe,EAAC,CAAC;EACrB,CAAC,EAAE,CAAClB,OAAO,CAAC,CAAC;;EAEb;EACA,IAAIM,eAAe,IAAI,CAACD,qBAAqB,EAAE,OAAO,IAAI;EAE1D,MAAMc,gBAAgB,GAAGf,QAAQ,IAAIG,SAAS,IAAII,WAAW;;EAE7D;EACA,MAAMS,cAAc,GAAGA,CAAA,KAAM;IACzB,QAAQrB,OAAO;MACX,KAAK,SAAS;QACV,OAAO,CAACsB,MAAM,CAACC,aAAa,EAAErB,KAAK,CAAC;MACxC,KAAK,WAAW;QACZ,OAAO,CAACoB,MAAM,CAACE,eAAe,EAAEtB,KAAK,CAAC;MAC1C;QACI,OAAO,CAACoB,MAAM,CAACG,aAAa,EAAEvB,KAAK,CAAC;IAC5C;EACJ,CAAC;;EAED;EACA,MAAMwB,YAAY,GAAGA,CAAA,KAAM;IACvB,QAAQ1B,OAAO;MACX,KAAK,SAAS;QACV,OAAO,CAACsB,MAAM,CAACK,WAAW,EAAExB,SAAS,CAAC;MAC1C,KAAK,WAAW;QACZ,OAAO,CAACmB,MAAM,CAACM,aAAa,EAAEzB,SAAS,CAAC;MAC5C;QACI,OAAO,CAACmB,MAAM,CAACO,WAAW,EAAE1B,SAAS,CAAC;IAC9C;EACJ,CAAC;EAED,oBACI,IAAAR,WAAA,CAAAmC,GAAA,EAAC1C,YAAA,CAAA2C,gBAAgB;IACb7B,KAAK,EAAE,CAACoB,MAAM,CAACU,MAAM,EAAEX,cAAc,CAAC,CAAC,EAAED,gBAAgB,IAAIE,MAAM,CAACW,cAAc,CAAE;IACpFhC,OAAO,EAAEgB,WAAY;IACrBZ,QAAQ,EAAEe,gBAAiB;IAAAc,QAAA,eAE3B,IAAAvC,WAAA,CAAAwC,IAAA,EAAC/C,YAAA,CAAAgD,IAAI;MAAClC,KAAK,EAAEoB,MAAM,CAACe,aAAc;MAAAH,QAAA,gBAC9B,IAAAvC,WAAA,CAAAmC,GAAA,EAACtC,QAAA,CAAAM,OAAO;QACJE,OAAO,EAAC,MAAM;QACdsC,IAAI,EAAE,EAAG;QACTC,SAAS,EAAEvC,OAAO,KAAK,WAAW,GAAG,OAAO,GAAG,SAAU;QACzDwC,cAAc,EAAExC,OAAO,KAAK,WAAW,GAAG,SAAS,GAAGyC,SAAU;QAChEvC,KAAK,EAAEkB,gBAAgB,GAAG;UAAEsB,OAAO,EAAE;QAAI,CAAC,GAAGD;MAAU,CAC1D,CAAC,eACF,IAAA9C,WAAA,CAAAmC,GAAA,EAAC1C,YAAA,CAAAuD,IAAI;QAACzC,KAAK,EAAE,CAACoB,MAAM,CAAClB,IAAI,EAAEsB,YAAY,CAAC,CAAC,EAAEN,gBAAgB,IAAIE,MAAM,CAACsB,YAAY,CAAE;QAAAV,QAAA,EAC/E1B,SAAS,IAAII,WAAW,GAAG,eAAe,GAAGR;MAAI,CAChD,CAAC;IAAA,CACL;EAAC,CACO,CAAC;AAE3B,CAAC;AAACyC,OAAA,CAAA9C,eAAA,GAAAA,eAAA;AAEF,MAAMuB,MAAM,GAAGwB,uBAAU,CAACC,MAAM,CAAC;EAC7Bf,MAAM,EAAE;IACJgB,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EACpB,CAAC;EACD1B,aAAa,EAAE;IACX2B,eAAe,EAAE,SAAS;IAC1BC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,SAAS;IACtB,GAAGC,qBAAQ,CAACC,MAAM,CAAC;MACfC,GAAG,EAAE;QACDC,SAAS,EAAE;MACf,CAAC;MACD5D,OAAO,EAAE;QACL6D,WAAW,EAAE,SAAS;QACtBC,YAAY,EAAE;UAAEC,KAAK,EAAE,CAAC;UAAEC,MAAM,EAAE;QAAE,CAAC;QACrCC,aAAa,EAAE,GAAG;QAClBC,YAAY,EAAE,CAAC;QACfC,SAAS,EAAE;MACf;IACJ,CAAC;EACL,CAAC;EACD1C,aAAa,EAAE;IACX6B,eAAe,EAAE,aAAa;IAC9BC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE;EACjB,CAAC;EACD9B,eAAe,EAAE;IACb4B,eAAe,EAAE;EACrB,CAAC;EACDnB,cAAc,EAAE;IACZS,OAAO,EAAE;EACb,CAAC;EACDL,aAAa,EAAE;IACX6B,aAAa,EAAE,KAAK;IACpBhB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EACpB,CAAC;EACD/C,IAAI,EAAE;IACF+D,UAAU,EAAEC,mBAAY,CAACC,aAAa;IACtCC,UAAU,EAAEf,qBAAQ,CAACgB,EAAE,KAAK,KAAK,GAAG,KAAK,GAAG9B,SAAS;IACrD+B,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EAChB,CAAC;EACD5C,WAAW,EAAE;IACT6C,KAAK,EAAE;EACX,CAAC;EACD/C,WAAW,EAAE;IACT+C,KAAK,EAAE;EACX,CAAC;EACD9C,aAAa,EAAE;IACX8C,KAAK,EAAE;EACX,CAAC;EACD9B,YAAY,EAAE;IACV8B,KAAK,EAAE;EACX;AACJ,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAA9B,OAAA,CAAA/C,OAAA,GAEYC,eAAe","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_authStore","_shallow","_theme","_fonts","_OxyLogo","_interopRequireDefault","_SignInModal","_jsxRuntime","e","__esModule","default","OxySignInButton","variant","onPress","style","textStyle","text","disabled","showWhenAuthenticated","theme","useTheme","isAuthenticated","isLoading","useAuthStore","useShallow","state","isModalOpen","setIsModalOpen","useState","useEffect","subscribeToSignInModal","handlePress","useCallback","showSignInModal","themedStyles","useMemo","StyleSheet","create","button","padding","borderRadius","alignItems","justifyContent","buttonDefault","backgroundColor","borderWidth","borderColor","colors","borderLight","Platform","select","web","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","buttonOutline","primary","buttonContained","buttonDisabled","opacity","buttonContent","flexDirection","fontFamily","fontFamilies","interSemiBold","fontWeight","OS","undefined","fontSize","marginLeft","textDefault","color","textOutline","textContained","textDisabled","textTertiary","isButtonDisabled","getButtonStyle","getTextStyle","jsx","TouchableOpacity","children","jsxs","View","size","fillColor","innerFillColor","Text","exports","_default"],"sourceRoot":"../../../../src","sources":["ui/components/OxySignInButton.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AAAwE,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAO,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AA4CxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,eAA+C,GAAGA,CAAC;EAC5DC,OAAO,GAAG,SAAS;EACnBC,OAAO;EACPC,KAAK;EACLC,SAAS;EACTC,IAAI,GAAG,kBAAkB;EACzBC,QAAQ,GAAG,KAAK;EAChBC,qBAAqB,GAAG;AAC5B,CAAC,KAAK;EACF,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC,eAAe;IAAEC;EAAU,CAAC,GAAG,IAAAC,uBAAY,EAC/C,IAAAC,mBAAU,EAAEC,KAAK,KAAM;IAAEJ,eAAe,EAAEI,KAAK,CAACJ,eAAe;IAAEC,SAAS,EAAEG,KAAK,CAACH;EAAU,CAAC,CAAC,CAClG,CAAC;EACD,MAAM,CAACI,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;;EAErD;EACA,IAAAC,gBAAS,EAAC,MAAM;IACZ,OAAO,IAAAC,mCAAsB,EAACH,cAAc,CAAC;EACjD,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,MAAMI,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAClC,IAAInB,OAAO,EAAE;MACTA,OAAO,CAAC,CAAC;MACT;IACJ;IAEAc,cAAc,CAAC,IAAI,CAAC;IACpB;IACA,IAAAM,4BAAe,EAAC,CAAC;EACrB,CAAC,EAAE,CAACpB,OAAO,CAAC,CAAC;EAEb,MAAMqB,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAMC,uBAAU,CAACC,MAAM,CAAC;IACjDC,MAAM,EAAE;MACJC,OAAO,EAAE,EAAE;MACXC,YAAY,EAAE,EAAE;MAChBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IACpB,CAAC;IACDC,aAAa,EAAE;MACXC,eAAe,EAAE,SAAS;MAC1BC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE3B,KAAK,CAAC4B,MAAM,CAACC,WAAW;MACrC,GAAGC,qBAAQ,CAACC,MAAM,CAAC;QACfC,GAAG,EAAE;UACDC,SAAS,EAAE;QACf,CAAC;QACD1C,OAAO,EAAE;UACL2C,WAAW,EAAE,SAAS;UACtBC,YAAY,EAAE;YAAEC,KAAK,EAAE,CAAC;YAAEC,MAAM,EAAE;UAAE,CAAC;UACrCC,aAAa,EAAE,GAAG;UAClBC,YAAY,EAAE,CAAC;UACfC,SAAS,EAAE;QACf;MACJ,CAAC;IACL,CAAC;IACDC,aAAa,EAAE;MACXhB,eAAe,EAAE,aAAa;MAC9BC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE3B,KAAK,CAAC4B,MAAM,CAACc;IAC9B,CAAC;IACDC,eAAe,EAAE;MACblB,eAAe,EAAEzB,KAAK,CAAC4B,MAAM,CAACc;IAClC,CAAC;IACDE,cAAc,EAAE;MACZC,OAAO,EAAE;IACb,CAAC;IACDC,aAAa,EAAE;MACXC,aAAa,EAAE,KAAK;MACpBzB,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IACpB,CAAC;IACD1B,IAAI,EAAE;MACFmD,UAAU,EAAEC,mBAAY,CAACC,aAAa;MACtCC,UAAU,EAAErB,qBAAQ,CAACsB,EAAE,KAAK,KAAK,GAAG,KAAK,GAAGC,SAAS;MACrDC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE;IAChB,CAAC;IACDC,WAAW,EAAE;MACTC,KAAK,EAAEzD,KAAK,CAAC4B,MAAM,CAAC/B;IACxB,CAAC;IACD6D,WAAW,EAAE;MACTD,KAAK,EAAEzD,KAAK,CAAC4B,MAAM,CAACc;IACxB,CAAC;IACDiB,aAAa,EAAE;MACXF,KAAK,EAAE;IACX,CAAC;IACDG,YAAY,EAAE;MACVH,KAAK,EAAEzD,KAAK,CAAC4B,MAAM,CAACiC;IACxB;EACJ,CAAC,CAAC,EAAE,CAAC7D,KAAK,CAAC,CAAC;;EAEZ;EACA,IAAIE,eAAe,IAAI,CAACH,qBAAqB,EAAE,OAAO,IAAI;EAE1D,MAAM+D,gBAAgB,GAAGhE,QAAQ,IAAIK,SAAS,IAAII,WAAW;;EAE7D;EACA,MAAMwD,cAAc,GAAGA,CAAA,KAAM;IACzB,QAAQtE,OAAO;MACX,KAAK,SAAS;QACV,OAAO,CAACsB,YAAY,CAAC0B,aAAa,EAAE9C,KAAK,CAAC;MAC9C,KAAK,WAAW;QACZ,OAAO,CAACoB,YAAY,CAAC4B,eAAe,EAAEhD,KAAK,CAAC;MAChD;QACI,OAAO,CAACoB,YAAY,CAACS,aAAa,EAAE7B,KAAK,CAAC;IAClD;EACJ,CAAC;;EAED;EACA,MAAMqE,YAAY,GAAGA,CAAA,KAAM;IACvB,QAAQvE,OAAO;MACX,KAAK,SAAS;QACV,OAAO,CAACsB,YAAY,CAAC2C,WAAW,EAAE9D,SAAS,CAAC;MAChD,KAAK,WAAW;QACZ,OAAO,CAACmB,YAAY,CAAC4C,aAAa,EAAE/D,SAAS,CAAC;MAClD;QACI,OAAO,CAACmB,YAAY,CAACyC,WAAW,EAAE5D,SAAS,CAAC;IACpD;EACJ,CAAC;EAED,oBACI,IAAAR,WAAA,CAAA6E,GAAA,EAACrF,YAAA,CAAAsF,gBAAgB;IACbvE,KAAK,EAAE,CAACoB,YAAY,CAACI,MAAM,EAAE4C,cAAc,CAAC,CAAC,EAAED,gBAAgB,IAAI/C,YAAY,CAAC6B,cAAc,CAAE;IAChGlD,OAAO,EAAEkB,WAAY;IACrBd,QAAQ,EAAEgE,gBAAiB;IAAAK,QAAA,eAE3B,IAAA/E,WAAA,CAAAgF,IAAA,EAACxF,YAAA,CAAAyF,IAAI;MAAC1E,KAAK,EAAEoB,YAAY,CAAC+B,aAAc;MAAAqB,QAAA,gBACpC,IAAA/E,WAAA,CAAA6E,GAAA,EAAChF,QAAA,CAAAM,OAAO;QACJE,OAAO,EAAC,MAAM;QACd6E,IAAI,EAAE,EAAG;QACTC,SAAS,EAAE9E,OAAO,KAAK,WAAW,GAAG,OAAO,GAAGO,KAAK,CAAC4B,MAAM,CAACc,OAAQ;QACpE8B,cAAc,EAAE/E,OAAO,KAAK,WAAW,GAAGO,KAAK,CAAC4B,MAAM,CAACc,OAAO,GAAGW,SAAU;QAC3E1D,KAAK,EAAEmE,gBAAgB,GAAG;UAAEjB,OAAO,EAAE;QAAI,CAAC,GAAGQ;MAAU,CAC1D,CAAC,eACF,IAAAjE,WAAA,CAAA6E,GAAA,EAACrF,YAAA,CAAA6F,IAAI;QAAC9E,KAAK,EAAE,CAACoB,YAAY,CAAClB,IAAI,EAAEmE,YAAY,CAAC,CAAC,EAAEF,gBAAgB,IAAI/C,YAAY,CAAC6C,YAAY,CAAE;QAAAO,QAAA,EAC3FhE,SAAS,IAAII,WAAW,GAAG,eAAe,GAAGV;MAAI,CAChD,CAAC;IAAA,CACL;EAAC,CACO,CAAC;AAE3B,CAAC;AAAC6E,OAAA,CAAAlF,eAAA,GAAAA,eAAA;AAAA,IAAAmF,QAAA,GAAAD,OAAA,CAAAnF,OAAA,GAEaC,eAAe","ignoreList":[]}

package/lib/commonjs/ui/components/SettingRow.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
+var _theme = require("@oxyhq/bloom/theme");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
@@ -21,10 +22,15 @@ const SettingRow = ({
   textColor,
   mutedTextColor,
   borderColor,
-  activeColor = '#d169e5',
-  inactiveColor = '#767577',
+  activeColor,
+  inactiveColor,
   accessibilityLabel
 }) => {
+  const theme = (0, _theme.useTheme)();
+  const resolvedActiveColor = activeColor ?? theme.colors.primary;
+  const resolvedInactiveColor = inactiveColor ?? theme.colors.textTertiary;
+  const thumbOn = theme.colors.background;
+  const thumbOff = theme.colors.backgroundSecondary;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.settingRow, borderColor ? {
       borderBottomColor: borderColor
@@ -50,10 +56,10 @@ const SettingRow = ({
       onValueChange: onValueChange,
       disabled: disabled,
       trackColor: {
-        false: inactiveColor,
-        true: activeColor
+        false: resolvedInactiveColor,
+        true: resolvedActiveColor
       },
-      thumbColor: value ? '#fff' : '#f4f3f4',
+      thumbColor: value ? thumbOn : thumbOff,
       accessibilityRole: "switch",
       accessibilityLabel: accessibilityLabel || title,
       accessibilityState: {

package/lib/commonjs/ui/components/SettingRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","SettingRow","title","description","value","onValueChange","disabled","textColor","mutedTextColor","borderColor","activeColor","inactiveColor","accessibilityLabel","jsxs","View","style","styles","settingRow","borderBottomColor","undefined","accessibilityRole","children","settingInfo","jsx","Text","settingTitle","color","settingDescription","Switch","trackColor","false","true","thumbColor","accessibilityState","checked","accessibilityHint","StyleSheet","create","flexDirection","justifyContent","alignItems","paddingVertical","borderBottomWidth","flex","marginRight","fontSize","fontWeight","marginBottom","opacity","_default","exports","React","memo"],"sourceRoot":"../../../../src","sources":["ui/components/SettingRow.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theme","_jsxRuntime","e","__esModule","default","SettingRow","title","description","value","onValueChange","disabled","textColor","mutedTextColor","borderColor","activeColor","inactiveColor","accessibilityLabel","theme","useTheme","resolvedActiveColor","colors","primary","resolvedInactiveColor","textTertiary","thumbOn","background","thumbOff","backgroundSecondary","jsxs","View","style","styles","settingRow","borderBottomColor","undefined","accessibilityRole","children","settingInfo","jsx","Text","settingTitle","color","settingDescription","Switch","trackColor","false","true","thumbColor","accessibilityState","checked","accessibilityHint","StyleSheet","create","flexDirection","justifyContent","alignItems","paddingVertical","borderBottomWidth","flex","marginRight","fontSize","fontWeight","marginBottom","opacity","_default","exports","React","memo"],"sourceRoot":"../../../../src","sources":["ui/components/SettingRow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/fileManagement/FileDetailsModal.js

@@ -6,149 +6,104 @@ Object.defineProperty(exports, "__esModule", {
 exports.FileDetailsModal = void 0;
 var _reactNative = require("react-native");
 var _vectorIcons = require("@expo/vector-icons");
+var Dialog = _interopRequireWildcard(require("@oxyhq/bloom/dialog"));
+var Prompt = _interopRequireWildcard(require("@oxyhq/bloom/prompt"));
 var _theme = require("@oxyhq/bloom/theme");
 var _fileManagement = require("../../utils/fileManagement.js");
 var _styles = require("./styles.js");
 var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const FileDetailsModal = ({
-  visible,
+  control,
   file,
-  onClose,
   onDownload,
   onDelete,
-  isOwner
+  isOwner,
+  onClose
 }) => {
   const {
     colors
   } = (0, _theme.useTheme)();
   if (!file) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
-    visible: visible,
-    animationType: "slide",
-    presentationStyle: "pageSheet",
-    onRequestClose: onClose,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [_styles.fileManagementStyles.modalContainer, {
-        backgroundColor: colors.background
-      }],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        className: "border-b border-border",
-        style: _styles.fileManagementStyles.modalHeader,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          style: _styles.fileManagementStyles.modalCloseButton,
-          onPress: onClose,
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Dialog.Outer, {
+    control: control,
+    onClose: onClose,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Dialog.Handle, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(Dialog.ScrollableInner, {
+      label: "File Details",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        className: "bg-secondary border-border",
+        style: _styles.fileManagementStyles.fileDetailCard,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: _styles.fileManagementStyles.fileDetailIcon,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
-            name: "close",
-            size: 24,
-            color: colors.text
+            name: (0, _fileManagement.getFileIcon)(file.contentType),
+            size: 64,
+            color: colors.primary
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           className: "text-foreground",
-          style: _styles.fileManagementStyles.modalTitle,
-          children: "File Details"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: _styles.fileManagementStyles.modalPlaceholder
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-        style: _styles.fileManagementStyles.modalContent,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          className: "bg-secondary border-border",
-          style: _styles.fileManagementStyles.fileDetailCard,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: _styles.fileManagementStyles.fileDetailIcon,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
-              name: (0, _fileManagement.getFileIcon)(file.contentType),
-              size: 64,
-              color: colors.primary
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            className: "text-foreground",
-            style: _styles.fileManagementStyles.fileDetailName,
-            children: file.filename
+          style: _styles.fileManagementStyles.fileDetailName,
+          children: file.filename
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: _styles.fileManagementStyles.fileDetailInfo,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: _styles.fileManagementStyles.detailRow,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              className: "text-muted-foreground",
+              style: _styles.fileManagementStyles.detailLabel,
+              children: "Size:"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              className: "text-foreground",
+              style: _styles.fileManagementStyles.detailValue,
+              children: (0, _fileManagement.formatFileSize)(file.length)
+            })]
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: _styles.fileManagementStyles.fileDetailInfo,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: _styles.fileManagementStyles.detailRow,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                className: "text-muted-foreground",
-                style: _styles.fileManagementStyles.detailLabel,
-                children: "Size:"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                className: "text-foreground",
-                style: _styles.fileManagementStyles.detailValue,
-                children: (0, _fileManagement.formatFileSize)(file.length)
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: _styles.fileManagementStyles.detailRow,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                className: "text-muted-foreground",
-                style: _styles.fileManagementStyles.detailLabel,
-                children: "Type:"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                className: "text-foreground",
-                style: _styles.fileManagementStyles.detailValue,
-                children: file.contentType
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: _styles.fileManagementStyles.detailRow,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                className: "text-muted-foreground",
-                style: _styles.fileManagementStyles.detailLabel,
-                children: "Uploaded:"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                className: "text-foreground",
-                style: _styles.fileManagementStyles.detailValue,
-                children: new Date(file.uploadDate).toLocaleString()
-              })]
-            }), file.metadata?.description && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: _styles.fileManagementStyles.detailRow,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                className: "text-muted-foreground",
-                style: _styles.fileManagementStyles.detailLabel,
-                children: "Description:"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                className: "text-foreground",
-                style: _styles.fileManagementStyles.detailValue,
-                children: file.metadata.description
-              })]
+            style: _styles.fileManagementStyles.detailRow,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              className: "text-muted-foreground",
+              style: _styles.fileManagementStyles.detailLabel,
+              children: "Type:"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              className: "text-foreground",
+              style: _styles.fileManagementStyles.detailValue,
+              children: file.contentType
             })]
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: _styles.fileManagementStyles.modalActions,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-              className: "bg-primary",
-              style: _styles.fileManagementStyles.modalActionButton,
-              onPress: () => {
-                onDownload(file.id, file.filename);
-                onClose();
-              },
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
-                name: "download",
-                size: 20,
-                color: "#FFFFFF"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: _styles.fileManagementStyles.modalActionText,
-                children: "Download"
-              })]
-            }), isOwner && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-              className: "bg-destructive",
-              style: _styles.fileManagementStyles.modalActionButton,
-              onPress: () => {
-                onClose();
-                onDelete(file.id, file.filename);
-              },
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
-                name: "trash",
-                size: 20,
-                color: "#FFFFFF"
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: _styles.fileManagementStyles.modalActionText,
-                children: "Delete"
-              })]
+            style: _styles.fileManagementStyles.detailRow,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              className: "text-muted-foreground",
+              style: _styles.fileManagementStyles.detailLabel,
+              children: "Uploaded:"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              className: "text-foreground",
+              style: _styles.fileManagementStyles.detailValue,
+              children: new Date(file.uploadDate).toLocaleString()
+            })]
+          }), file.metadata?.description && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: _styles.fileManagementStyles.detailRow,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              className: "text-muted-foreground",
+              style: _styles.fileManagementStyles.detailLabel,
+              children: "Description:"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              className: "text-foreground",
+              style: _styles.fileManagementStyles.detailValue,
+              children: file.metadata.description
             })]
           })]
-        })
-      })]
-    })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Prompt.Actions, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Prompt.Action, {
+            onPress: () => onDownload(file.id, file.filename),
+            cta: "Download",
+            color: "primary"
+          }), isOwner && /*#__PURE__*/(0, _jsxRuntime.jsx)(Prompt.Action, {
+            onPress: () => onDelete(file.id, file.filename),
+            cta: "Delete",
+            color: "negative"
+          })]
+        })]
+      })
+    })]
   });
 };
 exports.FileDetailsModal = FileDetailsModal;