@lmnto/h-mall-shared 1.0.24 → 1.0.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lmnto/h-mall-shared",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "private": false,
   "sideEffects": false,
   "scripts": {

package/shared/components/SubscriptionBanner.tsx

@@ -25,19 +25,30 @@ export default function SubscriptionBanner({
       return (
         <div className="justify-between rounded-xl h-[200px] sm:h-[150px] p-[5%] lg:p-[2%] subscriptionBanner">
           <div className="w-full md:w-5/6 lg:w-3/4 xl:w-2/3">
-            <Typography
-              variant="h6"
-              className="font-medium text-sm text-black-500 mb-1"
-            >
-              {scopeT("welcomeBack")}
-            </Typography>
+            {isMembershipFeatureEnabled ? (
+              <>
+                <Typography
+                  variant="h6"
+                  className="font-medium text-sm text-black-500 mb-1"
+                >
+                  {scopeT("welcomeBack")}
+                </Typography>
 
-            <Typography
-              variant="h3"
-              className="font-semibold text-sm md:text-base text-black-500"
-            >
-              {scopeT("activeSubscription")}
-            </Typography>
+                <Typography
+                  variant="h3"
+                  className="font-semibold text-sm md:text-base text-black-500"
+                >
+                  {scopeT("activeSubscription")}
+                </Typography>
+              </>
+            ) : (
+              <Typography
+                variant="h3"
+                className="font-semibold text-sm md:text-base text-black-500"
+              >
+                {scopeT("membershipFeatureUnavailableWelcome")}
+              </Typography>
+            )}
           </div>
         </div>
       );

package/shared/i18n/locales/en.ts

@@ -61,6 +61,8 @@ export default {
         "Subscription activation still in progress. Please check back later or contact support.",
       membershipFeatureUnavailableWelcome:
         "Welcome to H Mall! Explore our products and discover what we have to offer.",
+      exploreFeaturesOnly:
+        "Dive in and explore new features and updates now!",
     },
     quantityComponent: {
       quantity: "Quantity",

package/shared/i18n/locales/it.ts

@@ -60,6 +60,8 @@ export default {
         "Attivazione dell'abbonamento ancora in corso. Riprova più tardi o contatta l'assistenza.",
       membershipFeatureUnavailableWelcome:
         "Benvenuto su H Mall! Esplora i nostri prodotti e scopri cosa abbiamo da offrire.",
+      exploreFeaturesOnly:
+        "Immergiti ed esplora nuove funzionalità e aggiornamenti ora!",
     },
     quantityComponent: {
       quantity: "Quantità",

package/tailwind-peer-group-variants.plugin.ts

@@ -0,0 +1,51 @@
+import plugin from "tailwindcss/plugin";
+
+/**
+ * Material Tailwind Checkbox/Radio/Switch rely on `peer-checked:*` and `group-hover:*`
+ * utilities (e.g. icon spans use `opacity-0 peer-checked:opacity-100`). In this
+ * project's Tailwind build those matchVariant rules were not emitted, leaving
+ * controls permanently invisible (`appearance-none` + `opacity-0`).
+ */
+const peerGroupVariantValues: Record<string, string> = {
+  first: ":first-child",
+  last: ":last-child",
+  only: ":only-child",
+  odd: ":nth-child(odd)",
+  even: ":nth-child(even)",
+  "first-of-type": ":first-of-type",
+  "last-of-type": ":last-of-type",
+  "only-of-type": ":only-of-type",
+  visited: ":visited",
+  target: ":target",
+  open: ":open",
+  default: ":default",
+  checked: ":checked",
+  indeterminate: ":indeterminate",
+  "placeholder-shown": ":placeholder-shown",
+  autofill: ":autofill",
+  optional: ":optional",
+  required: ":required",
+  valid: ":valid",
+  invalid: ":invalid",
+  "in-range": ":in-range",
+  "out-of-range": ":out-of-range",
+  "read-only": ":read-only",
+  empty: ":empty",
+  "focus-within": ":focus-within",
+  hover: ":hover",
+  focus: ":focus",
+  "focus-visible": ":focus-visible",
+  active: ":active",
+  enabled: ":enabled",
+  disabled: ":disabled",
+};
+
+export const peerGroupVariantsPlugin = plugin(({ matchVariant }) => {
+  matchVariant("peer", (value) => `.peer${value} ~ &`, {
+    values: peerGroupVariantValues,
+  });
+
+  matchVariant("group", (value) => `.group${value} &`, {
+    values: peerGroupVariantValues,
+  });
+});

package/tailwind.config.ts

@@ -3,6 +3,8 @@ import path from "node:path";
 import withMT from "@material-tailwind/react/utils/withMT";
 import type { Config } from "tailwindcss";
 
+import { peerGroupVariantsPlugin } from "./tailwind-peer-group-variants.plugin";
+
 export const sharedConfig: Config = {
   // Absolute glob so when web-app imports this config, paths are not resolved from web-app/.
   content: [path.join(__dirname, "shared/**/*.{js,ts,jsx,tsx,mdx}")],
@@ -231,7 +233,7 @@ export const sharedConfig: Config = {
       },
     },
   },
-  plugins: [require("@material-tailwind/react/utils/withMT")],
+  plugins: [peerGroupVariantsPlugin],
 };
 
 export const sharedWithMT = withMT;