@pisell/private-materials 3.4.151 → 3.4.153

package/lib/components/scanOrder/components/ExitConfirmModal/index.less

@@ -0,0 +1,182 @@
+.pisell-scan-order-exit-root {
+  --exit-accent: var(--theme-color);
+  --exit-surface: #fff;
+  --exit-visual-surface: #f5f5f5;
+  --exit-illustration-surface: #fff;
+  --exit-heading: #101828;
+  --exit-description: #475467;
+  --exit-border: rgba(0, 0, 0, 0.12);
+  --exit-action-border: var(--exit-accent);
+  --exit-mask: rgba(0, 0, 0, 0.45);
+  --exit-shadow: rgba(0, 0, 0, 0.2);
+
+  .pisell-scan-order-exit-mask {
+    background: var(--exit-mask);
+    backdrop-filter: blur(4px);
+    -webkit-backdrop-filter: blur(4px);
+  }
+
+  .pisell-scan-order-exit-wrap {
+    padding: max(16px, env(safe-area-inset-top)) 0 max(16px, env(safe-area-inset-bottom));
+  }
+
+  .pisell-scan-order-exit {
+    max-width: calc(100vw - 32px);
+    padding-bottom: 0;
+    color: var(--exit-heading);
+  }
+
+  .pisell-scan-order-exit-content {
+    max-height: calc(100vh - 32px);
+    max-height: calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
+    overflow-y: auto;
+    overscroll-behavior: contain;
+    padding: 20px;
+    border: 1px solid var(--exit-border);
+    border-radius: 24px;
+    background: var(--exit-surface);
+    box-shadow: 0 24px 64px var(--exit-shadow);
+  }
+
+  .pisell-scan-order-exit-header {
+    margin: 0;
+    background: transparent;
+  }
+
+  .pisell-scan-order-exit-close {
+    top: 12px;
+    inset-inline-end: 12px;
+    width: 40px;
+    height: 40px;
+    color: var(--exit-heading);
+    border: 1px solid var(--exit-border);
+    border-radius: 50%;
+    background: var(--exit-illustration-surface);
+  }
+
+  .pisell-scan-order-exit-visual {
+    display: grid;
+    place-items: center;
+    min-height: 128px;
+    padding: 8px 32px;
+    border-radius: 16px;
+    background: var(--exit-visual-surface);
+    color: var(--exit-accent);
+
+    svg {
+      display: block;
+      width: 200px;
+      max-width: 100%;
+      height: 120px;
+    }
+  }
+
+  .pisell-scan-order-exit-heading {
+    margin: 24px 0 12px;
+    color: var(--exit-heading);
+    font-size: 26px;
+    font-weight: 700;
+    line-height: 1.25;
+    text-align: center;
+    overflow-wrap: anywhere;
+  }
+
+  .pisell-scan-order-exit-description {
+    margin: 0 0 24px;
+    color: var(--exit-description);
+    font-size: 15px;
+    line-height: 1.7;
+    text-align: center;
+    overflow-wrap: anywhere;
+  }
+
+  .pisell-scan-order-exit-actions {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+
+    button {
+      width: 100%;
+      min-height: 48px;
+      padding: 12px 20px;
+      border: 1px solid transparent;
+      border-radius: 999px;
+      font: inherit;
+      font-size: 16px;
+      font-weight: 600;
+      line-height: 1.5;
+      white-space: normal;
+      cursor: pointer;
+      touch-action: manipulation;
+      -webkit-tap-highlight-color: transparent;
+
+      &:focus-visible {
+        outline: 3px solid var(--exit-accent);
+        outline-offset: 3px;
+      }
+
+      &:active {
+        opacity: 0.8;
+      }
+    }
+
+    .pisell-scan-order-exit-continue {
+      color: #fff;
+      background: var(--exit-accent);
+    }
+
+    .pisell-scan-order-exit-leave {
+      color: var(--exit-heading);
+      border-color: var(--exit-action-border);
+      background: transparent;
+    }
+  }
+}
+
+@media (max-width: 360px), (max-height: 700px) {
+  .pisell-scan-order-exit-root {
+    .pisell-scan-order-exit-content {
+      padding: 16px;
+    }
+
+    .pisell-scan-order-exit-visual {
+      min-height: 96px;
+
+      svg {
+        height: 96px;
+      }
+    }
+
+    .pisell-scan-order-exit-heading {
+      margin-top: 18px;
+      font-size: 24px;
+    }
+
+    .pisell-scan-order-exit-description {
+      margin-bottom: 20px;
+    }
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .pisell-scan-order-exit-root {
+    .pisell-scan-order-exit,
+    .pisell-scan-order-exit-mask {
+      animation: none !important;
+      transition: none !important;
+    }
+  }
+}
+
+@supports (color: color-mix(in srgb, black, white)) {
+  .pisell-scan-order-exit-root {
+    --exit-surface: color-mix(in srgb, var(--exit-accent) 10%, white);
+    --exit-visual-surface: color-mix(in srgb, var(--exit-accent) 7%, white);
+    --exit-illustration-surface: color-mix(in srgb, var(--exit-accent) 2%, white);
+    --exit-heading: color-mix(in srgb, var(--exit-accent) 35%, #101828);
+    --exit-description: color-mix(in srgb, var(--exit-accent) 15%, #475467);
+    --exit-border: color-mix(in srgb, var(--exit-accent) 16%, transparent);
+    --exit-action-border: color-mix(in srgb, var(--exit-accent) 40%, transparent);
+    --exit-shadow: color-mix(in srgb, var(--exit-accent) 24%, transparent);
+  }
+}

package/lib/components/scanOrder/locales.js

@@ -1,6 +1,10 @@
 //#region src/components/scanOrder/locales.ts
 var locales_default = {
 	en: {
+		"pisell2.scan.order.exit.title": "Leave ordering?",
+		"pisell2.scan.order.exit.description": "You will return to the store homepage. To continue ordering by QR code, scan the table QR code again.",
+		"pisell2.scan.order.exit.confirm": "Leave ordering",
+		"pisell2.scan.order.exit.continue": "Continue ordering",
 		"pisell2.scan.order.action.confirm.order": "Confirm order",
 		"pisell2.event.confirm": "Confirm",
 		"pisell2.event.cart": "Cart",
@@ -65,6 +69,10 @@ var locales_default = {
 		"pisell2.appointment.fill-form": "Enter your details"
 	},
 	"zh-CN": {
+		"pisell2.scan.order.exit.title": "确认退出点单？",
+		"pisell2.scan.order.exit.description": "退出后将返回商家首页。如需继续扫码点单，请重新扫描桌台二维码。",
+		"pisell2.scan.order.exit.confirm": "确认退出",
+		"pisell2.scan.order.exit.continue": "继续点单",
 		"pisell2.scan.order.action.confirm.order": "确认下单",
 		"pisell2.event.confirm": "确定",
 		"pisell2.event.cart": "购物车",
@@ -129,6 +137,10 @@ var locales_default = {
 		"pisell2.appointment.fill-form": "填写信息"
 	},
 	"zh-HK": {
+		"pisell2.scan.order.exit.title": "確認退出點單？",
+		"pisell2.scan.order.exit.description": "退出後將返回商家首頁。如需繼續掃碼點單，請重新掃描桌台二維碼。",
+		"pisell2.scan.order.exit.confirm": "確認退出",
+		"pisell2.scan.order.exit.continue": "繼續點單",
 		"pisell2.scan.order.action.confirm.order": "確認下單",
 		"pisell2.event.confirm": "確認",
 		"pisell2.event.cart": "購物車",
@@ -193,6 +205,10 @@ var locales_default = {
 		"pisell2.appointment.fill-form": "填寫資訊"
 	},
 	ja: {
+		"pisell2.scan.order.exit.title": "注文画面を終了しますか？",
+		"pisell2.scan.order.exit.description": "店舗のホームページに戻ります。QRコードでの注文を続けるには、テーブルのQRコードをもう一度読み取ってください。",
+		"pisell2.scan.order.exit.confirm": "終了する",
+		"pisell2.scan.order.exit.continue": "注文を続ける",
 		"pisell2.scan.order.action.confirm.order": "注文を確定",
 		"pisell2.event.confirm": "確認",
 		"pisell2.event.cart": "カート",
@@ -257,6 +273,10 @@ var locales_default = {
 		"pisell2.appointment.fill-form": "詳細を入力"
 	},
 	pt: {
+		"pisell2.scan.order.exit.title": "Sair do pedido?",
+		"pisell2.scan.order.exit.description": "Você voltará à página inicial da loja. Para continuar pedindo por QR code, escaneie novamente o QR code da mesa.",
+		"pisell2.scan.order.exit.confirm": "Confirmar saída",
+		"pisell2.scan.order.exit.continue": "Continuar pedido",
 		"pisell2.scan.order.action.confirm.order": "Confirmar pedido",
 		"pisell2.event.confirm": "Confirmar",
 		"pisell2.event.cart": "Carrinho",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "3.4.151",
+  "version": "3.4.153",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -81,8 +81,8 @@
     "styled-components": "^6.0.0-rc.3",
     "@pisell/utils": "3.0.2",
     "@pisell/date-picker": "3.0.4",
-    "@pisell/icon": "0.0.11",
-    "@pisell/materials": "3.3.112"
+    "@pisell/materials": "3.3.113",
+    "@pisell/icon": "0.0.11"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/es/private-materials/lowcode/authmodal/meta.d.ts

@@ -1 +0,0 @@
-export { };