capacitor-extended-dialog 0.0.9 → 0.0.11

package/README.md

@@ -19,6 +19,7 @@ npx cap sync
 * [`singleSelect(...)`](#singleselect)
 * [`multiSelect(...)`](#multiselect)
 * [`sheet(...)`](#sheet)
+* [`messageSheet(...)`](#messagesheet)
 * [Interfaces](#interfaces)
 * [Type Aliases](#type-aliases)
 
@@ -129,6 +130,23 @@ Show a sheet dialog with a header, title, and structured data rows.
 --------------------
 
 
+### messageSheet(...)
+
+```typescript
+messageSheet(options: MessageSheetOptions) => any
+```
+
+Show a message sheet dialog with an optional header logo, title, and message.
+
+| Param         | Type                                                                | Description                            |
+| ------------- | ------------------------------------------------------------------- | -------------------------------------- |
+| **`options`** | <code><a href="#messagesheetoptions">MessageSheetOptions</a></code> | - Message sheet configuration options. |
+
+**Returns:** <code>any</code>
+
+--------------------
+
+
 ### Interfaces
 
 
@@ -245,6 +263,25 @@ Show a sheet dialog with a header, title, and structured data rows.
 | **`confirmed`** | <code>boolean</code> | True if confirmed, false if cancelled |
 
 
+#### MessageSheetOptions
+
+| Prop                     | Type                                              | Description                                              |
+| ------------------------ | ------------------------------------------------- | -------------------------------------------------------- |
+| **`headerLogo`**         | <code>string</code>                               | Header logo - supports base64 data URL or HTTP/HTTPS URL |
+| **`title`**              | <code>string</code>                               | Sheet title                                              |
+| **`message`**            | <code>string</code>                               | Message body displayed in the sheet                      |
+| **`confirmButtonTitle`** | <code>string</code>                               | Confirm button title                                     |
+| **`cancelButtonTitle`**  | <code>string</code>                               | Cancel button title                                      |
+| **`mode`**               | <code><a href="#dialogmode">DialogMode</a></code> | Dialog mode                                              |
+
+
+#### MessageSheetResult
+
+| Prop            | Type                 | Description                           |
+| --------------- | -------------------- | ------------------------------------- |
+| **`confirmed`** | <code>boolean</code> | True if confirmed, false if cancelled |
+
+
 ### Type Aliases
 
 

package/android/src/main/java/com/albermonte/extendeddialog/DialogStyleOptions.java

@@ -16,6 +16,8 @@ public class DialogStyleOptions {
     private static final String KEY_TITLE_FONT_SIZE = "titleFontSize";
     private static final String KEY_MESSAGE_FONT_SIZE = "messageFontSize";
     private static final String KEY_BUTTON_FONT_SIZE = "buttonFontSize";
+    private static final String KEY_CONTENT_BUTTON_SPACING = "contentButtonSpacing";
+    private static final String KEY_HEADER_LOGO_CORNER_RADIUS = "headerLogoCornerRadius";
 
     private Integer buttonColor;
     private Integer cancelButtonColor;
@@ -25,6 +27,8 @@ public class DialogStyleOptions {
     private Float titleFontSize;
     private Float messageFontSize;
     private Float buttonFontSize;
+    private Float contentButtonSpacing;
+    private Float headerLogoCornerRadius;
 
     public DialogStyleOptions() {}
 
@@ -43,34 +47,104 @@ public class DialogStyleOptions {
         return (size != null && size > 0) ? size.floatValue() : null;
     }
 
-    public Integer getButtonColor() { return buttonColor; }
-    public void setButtonColor(String hexColor) { this.buttonColor = parseColor(hexColor); }
+    private static Float parseSpacing(Double size) {
+        return (size != null && size >= 0) ? size.floatValue() : null;
+    }
+
+    public Integer getButtonColor() {
+        return buttonColor;
+    }
+
+    public void setButtonColor(String hexColor) {
+        this.buttonColor = parseColor(hexColor);
+    }
+
+    public Integer getCancelButtonColor() {
+        return cancelButtonColor;
+    }
+
+    public void setCancelButtonColor(String hexColor) {
+        this.cancelButtonColor = parseColor(hexColor);
+    }
+
+    public Integer getTitleColor() {
+        return titleColor;
+    }
+
+    public void setTitleColor(String hexColor) {
+        this.titleColor = parseColor(hexColor);
+    }
+
+    public Integer getMessageColor() {
+        return messageColor;
+    }
+
+    public void setMessageColor(String hexColor) {
+        this.messageColor = parseColor(hexColor);
+    }
 
-    public Integer getCancelButtonColor() { return cancelButtonColor; }
-    public void setCancelButtonColor(String hexColor) { this.cancelButtonColor = parseColor(hexColor); }
+    public Integer getBackgroundColor() {
+        return backgroundColor;
+    }
 
-    public Integer getTitleColor() { return titleColor; }
-    public void setTitleColor(String hexColor) { this.titleColor = parseColor(hexColor); }
+    public void setBackgroundColor(String hexColor) {
+        this.backgroundColor = parseColor(hexColor);
+    }
 
-    public Integer getMessageColor() { return messageColor; }
-    public void setMessageColor(String hexColor) { this.messageColor = parseColor(hexColor); }
+    public Float getTitleFontSize() {
+        return titleFontSize;
+    }
 
-    public Integer getBackgroundColor() { return backgroundColor; }
-    public void setBackgroundColor(String hexColor) { this.backgroundColor = parseColor(hexColor); }
+    public void setTitleFontSize(Double size) {
+        this.titleFontSize = parseSize(size);
+    }
 
-    public Float getTitleFontSize() { return titleFontSize; }
-    public void setTitleFontSize(Double size) { this.titleFontSize = parseSize(size); }
+    public Float getMessageFontSize() {
+        return messageFontSize;
+    }
 
-    public Float getMessageFontSize() { return messageFontSize; }
-    public void setMessageFontSize(Double size) { this.messageFontSize = parseSize(size); }
+    public void setMessageFontSize(Double size) {
+        this.messageFontSize = parseSize(size);
+    }
+
+    public Float getButtonFontSize() {
+        return buttonFontSize;
+    }
 
-    public Float getButtonFontSize() { return buttonFontSize; }
-    public void setButtonFontSize(Double size) { this.buttonFontSize = parseSize(size); }
+    public void setButtonFontSize(Double size) {
+        this.buttonFontSize = parseSize(size);
+    }
+
+    public Float getContentButtonSpacing() {
+        return contentButtonSpacing;
+    }
+
+    public void setContentButtonSpacing(Double size) {
+        this.contentButtonSpacing = parseSpacing(size);
+    }
+
+    public Float getHeaderLogoCornerRadius() {
+        return headerLogoCornerRadius;
+    }
+
+    public void setHeaderLogoCornerRadius(Double radius) {
+        // Allow any value: positive for custom radius, 0 for square, -1 for circle
+        this.headerLogoCornerRadius = radius != null ? radius.floatValue() : null;
+    }
 
     public boolean hasStyles() {
-        return buttonColor != null || cancelButtonColor != null || titleColor != null ||
-               messageColor != null || backgroundColor != null || titleFontSize != null ||
-               messageFontSize != null || buttonFontSize != null;
+        return (
+            buttonColor != null ||
+            cancelButtonColor != null ||
+            titleColor != null ||
+            messageColor != null ||
+            backgroundColor != null ||
+            titleFontSize != null ||
+            messageFontSize != null ||
+            buttonFontSize != null ||
+            contentButtonSpacing != null ||
+            headerLogoCornerRadius != null
+        );
     }
 
     public void writeToBundle(Bundle bundle) {
@@ -82,6 +156,8 @@ public class DialogStyleOptions {
         if (titleFontSize != null) bundle.putFloat(KEY_TITLE_FONT_SIZE, titleFontSize);
         if (messageFontSize != null) bundle.putFloat(KEY_MESSAGE_FONT_SIZE, messageFontSize);
         if (buttonFontSize != null) bundle.putFloat(KEY_BUTTON_FONT_SIZE, buttonFontSize);
+        if (contentButtonSpacing != null) bundle.putFloat(KEY_CONTENT_BUTTON_SPACING, contentButtonSpacing);
+        if (headerLogoCornerRadius != null) bundle.putFloat(KEY_HEADER_LOGO_CORNER_RADIUS, headerLogoCornerRadius);
     }
 
     public static DialogStyleOptions readFromBundle(Bundle bundle) {
@@ -94,6 +170,8 @@ public class DialogStyleOptions {
         options.titleFontSize = bundle.containsKey(KEY_TITLE_FONT_SIZE) ? bundle.getFloat(KEY_TITLE_FONT_SIZE) : null;
         options.messageFontSize = bundle.containsKey(KEY_MESSAGE_FONT_SIZE) ? bundle.getFloat(KEY_MESSAGE_FONT_SIZE) : null;
         options.buttonFontSize = bundle.containsKey(KEY_BUTTON_FONT_SIZE) ? bundle.getFloat(KEY_BUTTON_FONT_SIZE) : null;
+        options.contentButtonSpacing = bundle.containsKey(KEY_CONTENT_BUTTON_SPACING) ? bundle.getFloat(KEY_CONTENT_BUTTON_SPACING) : null;
+        options.headerLogoCornerRadius = bundle.containsKey(KEY_HEADER_LOGO_CORNER_RADIUS) ? bundle.getFloat(KEY_HEADER_LOGO_CORNER_RADIUS) : null;
         return options;
     }
 }

package/android/src/main/java/com/albermonte/extendeddialog/ExtendedDialog.java

@@ -111,8 +111,7 @@ public class ExtendedDialog {
         // MaterialAlertDialogBuilder uses appcompat's alertTitle, not android's
         TextView titleView = dialog.findViewById(androidx.appcompat.R.id.alertTitle);
         if (titleView != null) {
-            TextViewCompat.setTextAppearance(titleView,
-                com.google.android.material.R.style.TextAppearance_Material3_HeadlineSmall);
+            TextViewCompat.setTextAppearance(titleView, com.google.android.material.R.style.TextAppearance_Material3_HeadlineSmall);
             // M3 dialog headline color: onSurface (#1D1B20)
             // Use MaterialColors for proper theme attribute resolution across different R class configurations
             int onSurfaceColor = MaterialColors.getColor(ctx, android.R.attr.textColorPrimary, 0xFF1D1B20);
@@ -122,8 +121,7 @@ public class ExtendedDialog {
         // Apply M3 BodyMedium to message with onSurfaceVariant color
         TextView messageView = dialog.findViewById(android.R.id.message);
         if (messageView != null) {
-            TextViewCompat.setTextAppearance(messageView,
-                com.google.android.material.R.style.TextAppearance_Material3_BodyMedium);
+            TextViewCompat.setTextAppearance(messageView, com.google.android.material.R.style.TextAppearance_Material3_BodyMedium);
             // M3 dialog supporting text color: onSurfaceVariant (#49454F)
             // Use MaterialColors for proper theme attribute resolution
             int onSurfaceVariantColor = MaterialColors.getColor(ctx, android.R.attr.textColorSecondary, 0xFF49454F);
@@ -198,8 +196,10 @@ public class ExtendedDialog {
     ) {
         activity.runOnUiThread(() -> {
             Context themedContext = getThemedContext(activity);
-            MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(themedContext,
-                R.style.ThemeOverlay_ExtendedDialog_MaterialAlertDialog);
+            MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(
+                themedContext,
+                R.style.ThemeOverlay_ExtendedDialog_MaterialAlertDialog
+            );
 
             if (title != null && !title.isEmpty()) {
                 builder.setTitle(title);
@@ -268,8 +268,10 @@ public class ExtendedDialog {
     ) {
         activity.runOnUiThread(() -> {
             Context themedContext = getThemedContext(activity);
-            MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(themedContext,
-                R.style.ThemeOverlay_ExtendedDialog_MaterialAlertDialog);
+            MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(
+                themedContext,
+                R.style.ThemeOverlay_ExtendedDialog_MaterialAlertDialog
+            );
 
             if (title != null && !title.isEmpty()) {
                 builder.setTitle(title);
@@ -370,8 +372,10 @@ public class ExtendedDialog {
     ) {
         activity.runOnUiThread(() -> {
             Context themedContext = getThemedContext(activity);
-            MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(themedContext,
-                R.style.ThemeOverlay_ExtendedDialog_MaterialAlertDialog);
+            MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(
+                themedContext,
+                R.style.ThemeOverlay_ExtendedDialog_MaterialAlertDialog
+            );
 
             if (title != null && !title.isEmpty()) {
                 builder.setTitle(title);
@@ -519,8 +523,10 @@ public class ExtendedDialog {
 
                 final int[] selectedIndex = { checkedItem };
 
-                MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(getThemedContext(activity),
-                    R.style.ThemeOverlay_ExtendedDialog_MaterialAlertDialog);
+                MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(
+                    getThemedContext(activity),
+                    R.style.ThemeOverlay_ExtendedDialog_MaterialAlertDialog
+                );
 
                 if (title != null && !title.isEmpty()) {
                     builder.setTitle(title);
@@ -662,8 +668,10 @@ public class ExtendedDialog {
 
                 final Set<String> resultSet = new HashSet<>(selectedSet);
 
-                MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(getThemedContext(activity),
-                    R.style.ThemeOverlay_ExtendedDialog_MaterialAlertDialog);
+                MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(
+                    getThemedContext(activity),
+                    R.style.ThemeOverlay_ExtendedDialog_MaterialAlertDialog
+                );
 
                 if (title != null && !title.isEmpty()) {
                     builder.setTitle(title);
@@ -763,4 +771,35 @@ public class ExtendedDialog {
             fragment.show(fragmentActivity.getSupportFragmentManager(), "bottom_sheet");
         });
     }
+
+    public void showMessageSheet(
+        Activity activity,
+        String title,
+        String message,
+        String headerLogo,
+        String confirmButtonTitle,
+        String cancelButtonTitle,
+        boolean fullscreen,
+        DialogStyleOptions styleOptions,
+        SheetCallback callback
+    ) {
+        if (!(activity instanceof FragmentActivity)) {
+            callback.onResult(false);
+            return;
+        }
+        FragmentActivity fragmentActivity = (FragmentActivity) activity;
+        fragmentActivity.runOnUiThread(() -> {
+            SheetBottomDialogFragment fragment = SheetBottomDialogFragment.newMessageInstance(
+                title,
+                headerLogo,
+                message,
+                confirmButtonTitle != null ? confirmButtonTitle : "Confirm",
+                cancelButtonTitle != null ? cancelButtonTitle : "Cancel",
+                fullscreen,
+                styleOptions
+            );
+            fragment.setSheetCallback(callback);
+            fragment.show(fragmentActivity.getSupportFragmentManager(), "message_sheet");
+        });
+    }
 }

package/android/src/main/java/com/albermonte/extendeddialog/ExtendedDialogPlugin.java

@@ -25,6 +25,8 @@ public class ExtendedDialogPlugin extends Plugin {
         styleOptions.setTitleFontSize(call.getDouble("titleFontSize"));
         styleOptions.setMessageFontSize(call.getDouble("messageFontSize"));
         styleOptions.setButtonFontSize(call.getDouble("buttonFontSize"));
+        styleOptions.setContentButtonSpacing(call.getDouble("contentButtonSpacing"));
+        styleOptions.setHeaderLogoCornerRadius(call.getDouble("headerLogoCornerRadius"));
         return styleOptions;
     }
 
@@ -249,4 +251,42 @@ public class ExtendedDialogPlugin extends Plugin {
             call.reject("Invalid rows format");
         }
     }
+
+    @PluginMethod
+    public void messageSheet(PluginCall call) {
+        String title = call.getString("title");
+        String message = call.getString("message");
+        String headerLogo = call.getString("headerLogo");
+        String confirmButtonTitle = call.getString("confirmButtonTitle");
+        String cancelButtonTitle = call.getString("cancelButtonTitle");
+        String mode = call.getString("mode", "basic");
+        boolean fullscreen = "fullscreen".equals(mode);
+        DialogStyleOptions styleOptions = extractStyleOptions(call);
+
+        if (title == null) {
+            call.reject("title is required");
+            return;
+        }
+
+        if (message == null) {
+            call.reject("message is required");
+            return;
+        }
+
+        implementation.showMessageSheet(
+            getActivity(),
+            title,
+            message,
+            headerLogo,
+            confirmButtonTitle,
+            cancelButtonTitle,
+            fullscreen,
+            styleOptions,
+            (confirmed) -> {
+                JSObject result = new JSObject();
+                result.put("confirmed", confirmed);
+                call.resolve(result);
+            }
+        );
+    }
 }

package/android/src/main/java/com/albermonte/extendeddialog/FullScreenDialogFragment.java

@@ -250,8 +250,7 @@ public class FullScreenDialogFragment extends DialogFragment {
                 messageView.setTextSize(TypedValue.COMPLEX_UNIT_SP, styleOptions.getMessageFontSize());
             } else {
                 // M3 dialog supporting text: 14sp, weight 400, tracking 0.25sp
-                TextViewCompat.setTextAppearance(messageView,
-                    com.google.android.material.R.style.TextAppearance_Material3_BodyMedium);
+                TextViewCompat.setTextAppearance(messageView, com.google.android.material.R.style.TextAppearance_Material3_BodyMedium);
             }
             if (styleOptions.getMessageColor() != null) {
                 messageView.setTextColor(styleOptions.getMessageColor());
@@ -293,7 +292,9 @@ public class FullScreenDialogFragment extends DialogFragment {
         buttonContainer.setOrientation(LinearLayout.HORIZONTAL);
         buttonContainer.setGravity(Gravity.END);
         int buttonPadding = (int) (16 * density);
-        buttonContainer.setPadding(buttonPadding, buttonPadding, buttonPadding, buttonPadding);
+        float topSpacing = styleOptions.getContentButtonSpacing() != null ? styleOptions.getContentButtonSpacing() : 16f;
+        int buttonTopPadding = (int) (topSpacing * density);
+        buttonContainer.setPadding(buttonPadding, buttonTopPadding, buttonPadding, buttonPadding);
 
         // Cancel button (not shown for ALERT type)
         if (type != DialogType.ALERT) {
@@ -353,8 +354,9 @@ public class FullScreenDialogFragment extends DialogFragment {
         // Use Material 3 TextInputLayout with outlined style
         TextInputLayout textInputLayout = new TextInputLayout(ctx);
         textInputLayout.setBoxBackgroundMode(TextInputLayout.BOX_BACKGROUND_OUTLINE);
-        textInputLayout.setLayoutParams(new LinearLayout.LayoutParams(
-            ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
+        textInputLayout.setLayoutParams(
+            new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT)
+        );
 
         inputField = new TextInputEditText(textInputLayout.getContext());
         inputField.setInputType(InputType.TYPE_CLASS_TEXT);
@@ -371,15 +373,18 @@ public class FullScreenDialogFragment extends DialogFragment {
         if (focusInput) {
             inputField.requestFocus();
             // Show keyboard when dialog is shown
-            inputField.postDelayed(() -> {
-                if (getContext() != null) {
-                    android.view.inputmethod.InputMethodManager imm =
-                        (android.view.inputmethod.InputMethodManager) getContext().getSystemService(Context.INPUT_METHOD_SERVICE);
-                    if (imm != null) {
-                        imm.showSoftInput(inputField, android.view.inputmethod.InputMethodManager.SHOW_IMPLICIT);
+            inputField.postDelayed(
+                () -> {
+                    if (getContext() != null) {
+                        android.view.inputmethod.InputMethodManager imm =
+                            (android.view.inputmethod.InputMethodManager) getContext().getSystemService(Context.INPUT_METHOD_SERVICE);
+                        if (imm != null) {
+                            imm.showSoftInput(inputField, android.view.inputmethod.InputMethodManager.SHOW_IMPLICIT);
+                        }
                     }
-                }
-            }, 200);
+                },
+                200
+            );
         }
     }
 
@@ -403,8 +408,7 @@ public class FullScreenDialogFragment extends DialogFragment {
 
                 RadioButton radioButton = new RadioButton(ctx);
                 radioButton.setText(label);
-                TextViewCompat.setTextAppearance(radioButton,
-                    com.google.android.material.R.style.TextAppearance_Material3_BodyLarge);
+                TextViewCompat.setTextAppearance(radioButton, com.google.android.material.R.style.TextAppearance_Material3_BodyLarge);
                 // M3 list item text color: onSurface (#1D1B20)
                 // Use android.R.attr.textColorPrimary which maps to onSurface in M3 themes
                 int onSurfaceColor = MaterialColors.getColor(ctx, android.R.attr.textColorPrimary, 0xFF1D1B20);
@@ -465,8 +469,7 @@ public class FullScreenDialogFragment extends DialogFragment {
 
                 CheckBox checkBox = new CheckBox(ctx);
                 checkBox.setText(label);
-                TextViewCompat.setTextAppearance(checkBox,
-                    com.google.android.material.R.style.TextAppearance_Material3_BodyLarge);
+                TextViewCompat.setTextAppearance(checkBox, com.google.android.material.R.style.TextAppearance_Material3_BodyLarge);
                 // M3 list item text color: onSurface (#1D1B20)
                 // Use android.R.attr.textColorPrimary which maps to onSurface in M3 themes
                 int onSurfaceColor = MaterialColors.getColor(ctx, android.R.attr.textColorPrimary, 0xFF1D1B20);