diff --git a/com.twin.app.shoptime/.gitignore b/com.twin.app.shoptime/.gitignore new file mode 100644 index 00000000..7f85dbcf --- /dev/null +++ b/com.twin.app.shoptime/.gitignore @@ -0,0 +1,13 @@ +# dependencies +node_modules + +# testing +coverage + +# production +build +dist + +# misc +.DS_Store +npm-debug.log \ No newline at end of file diff --git a/com.twin.app.shoptime/assets/button/42x42/btn-check-dim.svg b/com.twin.app.shoptime/assets/button/42x42/btn-check-dim.svg new file mode 100644 index 00000000..056283b1 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/42x42/btn-check-dim.svg @@ -0,0 +1,3 @@ + + + diff --git a/com.twin.app.shoptime/assets/button/42x42/btn-check-foc.svg b/com.twin.app.shoptime/assets/button/42x42/btn-check-foc.svg new file mode 100644 index 00000000..eb121c54 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/42x42/btn-check-foc.svg @@ -0,0 +1,3 @@ + + + diff --git a/com.twin.app.shoptime/assets/button/42x42/btn-check-nor.svg b/com.twin.app.shoptime/assets/button/42x42/btn-check-nor.svg new file mode 100644 index 00000000..71a963f7 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/42x42/btn-check-nor.svg @@ -0,0 +1,3 @@ + + + diff --git a/com.twin.app.shoptime/assets/button/42x42/btn-check-sel.svg b/com.twin.app.shoptime/assets/button/42x42/btn-check-sel.svg new file mode 100644 index 00000000..e52e4239 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/42x42/btn-check-sel.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/42x42/btn-check-seldim.svg b/com.twin.app.shoptime/assets/button/42x42/btn-check-seldim.svg new file mode 100644 index 00000000..3d606037 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/42x42/btn-check-seldim.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/42x42/btn-check-selfoc.svg b/com.twin.app.shoptime/assets/button/42x42/btn-check-selfoc.svg new file mode 100644 index 00000000..870e719e --- /dev/null +++ b/com.twin.app.shoptime/assets/button/42x42/btn-check-selfoc.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/42x42/btn-dropdown-dim.svg b/com.twin.app.shoptime/assets/button/42x42/btn-dropdown-dim.svg new file mode 100644 index 00000000..aeb7be9a --- /dev/null +++ b/com.twin.app.shoptime/assets/button/42x42/btn-dropdown-dim.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/button/42x42/btn-dropdown-foc.svg b/com.twin.app.shoptime/assets/button/42x42/btn-dropdown-foc.svg new file mode 100644 index 00000000..206d72f0 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/42x42/btn-dropdown-foc.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/button/42x42/btn-dropdown-nor.svg b/com.twin.app.shoptime/assets/button/42x42/btn-dropdown-nor.svg new file mode 100644 index 00000000..a8742ab2 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/42x42/btn-dropdown-nor.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/button/42x42/btn-next-thumb-dim.svg b/com.twin.app.shoptime/assets/button/42x42/btn-next-thumb-dim.svg new file mode 100644 index 00000000..c68dcf68 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/42x42/btn-next-thumb-dim.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/42x42/btn-next-thumb-foc.svg b/com.twin.app.shoptime/assets/button/42x42/btn-next-thumb-foc.svg new file mode 100644 index 00000000..6d18dd22 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/42x42/btn-next-thumb-foc.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/42x42/btn-next-thumb-nor.svg b/com.twin.app.shoptime/assets/button/42x42/btn-next-thumb-nor.svg new file mode 100644 index 00000000..c1a18bd1 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/42x42/btn-next-thumb-nor.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/42x42/btn-prev-thumb-dim.svg b/com.twin.app.shoptime/assets/button/42x42/btn-prev-thumb-dim.svg new file mode 100644 index 00000000..6006d070 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/42x42/btn-prev-thumb-dim.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/42x42/btn-prev-thumb-foc.svg b/com.twin.app.shoptime/assets/button/42x42/btn-prev-thumb-foc.svg new file mode 100644 index 00000000..459963f0 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/42x42/btn-prev-thumb-foc.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/42x42/btn-prev-thumb-nor.svg b/com.twin.app.shoptime/assets/button/42x42/btn-prev-thumb-nor.svg new file mode 100644 index 00000000..2295748a --- /dev/null +++ b/com.twin.app.shoptime/assets/button/42x42/btn-prev-thumb-nor.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/48x48/btn-bk-arrow-right-dim.svg b/com.twin.app.shoptime/assets/button/48x48/btn-bk-arrow-right-dim.svg new file mode 100644 index 00000000..a42e231b --- /dev/null +++ b/com.twin.app.shoptime/assets/button/48x48/btn-bk-arrow-right-dim.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/button/48x48/btn-bk-arrow-right-foc.svg b/com.twin.app.shoptime/assets/button/48x48/btn-bk-arrow-right-foc.svg new file mode 100644 index 00000000..cd00f792 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/48x48/btn-bk-arrow-right-foc.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/com.twin.app.shoptime/assets/button/48x48/btn-bk-arrow-right-nor.svg b/com.twin.app.shoptime/assets/button/48x48/btn-bk-arrow-right-nor.svg new file mode 100644 index 00000000..a42e231b --- /dev/null +++ b/com.twin.app.shoptime/assets/button/48x48/btn-bk-arrow-right-nor.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-down-dim.svg b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-down-dim.svg new file mode 100644 index 00000000..b7a69c66 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-down-dim.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-down-foc.svg b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-down-foc.svg new file mode 100644 index 00000000..786efde2 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-down-foc.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-down-nor.svg b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-down-nor.svg new file mode 100644 index 00000000..b7a69c66 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-down-nor.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-left-dim.svg b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-left-dim.svg new file mode 100644 index 00000000..43950e2a --- /dev/null +++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-left-dim.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-left-foc.svg b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-left-foc.svg new file mode 100644 index 00000000..616ae7b2 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-left-foc.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-left-nor.svg b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-left-nor.svg new file mode 100644 index 00000000..43950e2a --- /dev/null +++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-left-nor.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-right-dim.svg b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-right-dim.svg new file mode 100644 index 00000000..cc1d55e7 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-right-dim.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-right-foc.svg b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-right-foc.svg new file mode 100644 index 00000000..2d96e008 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-right-foc.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-right-nor.svg b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-right-nor.svg new file mode 100644 index 00000000..6543efe3 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-right-nor.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-top-dim.svg b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-top-dim.svg new file mode 100644 index 00000000..a0aea825 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-top-dim.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-top-foc.svg b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-top-foc.svg new file mode 100644 index 00000000..15e322e4 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-top-foc.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-top-nor.svg b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-top-nor.svg new file mode 100644 index 00000000..a0aea825 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/48x48/btn-wh-arrow-top-nor.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/button/60x60/btn-60-bk-back-dim.svg b/com.twin.app.shoptime/assets/button/60x60/btn-60-bk-back-dim.svg new file mode 100644 index 00000000..7e6b1fe2 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/60x60/btn-60-bk-back-dim.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/60x60/btn-60-bk-back-dim@3x.png b/com.twin.app.shoptime/assets/button/60x60/btn-60-bk-back-dim@3x.png new file mode 100644 index 00000000..23a80118 Binary files /dev/null and b/com.twin.app.shoptime/assets/button/60x60/btn-60-bk-back-dim@3x.png differ diff --git a/com.twin.app.shoptime/assets/button/60x60/btn-60-bk-back-nor.svg b/com.twin.app.shoptime/assets/button/60x60/btn-60-bk-back-nor.svg new file mode 100644 index 00000000..7e6b1fe2 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/60x60/btn-60-bk-back-nor.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/60x60/btn-60-bk-back-nor@3x.png b/com.twin.app.shoptime/assets/button/60x60/btn-60-bk-back-nor@3x.png new file mode 100644 index 00000000..bab8d00b Binary files /dev/null and b/com.twin.app.shoptime/assets/button/60x60/btn-60-bk-back-nor@3x.png differ diff --git a/com.twin.app.shoptime/assets/button/60x60/btn-60-delete-dim.svg b/com.twin.app.shoptime/assets/button/60x60/btn-60-delete-dim.svg new file mode 100644 index 00000000..1d76a766 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/60x60/btn-60-delete-dim.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/60x60/btn-60-delete-foc.svg b/com.twin.app.shoptime/assets/button/60x60/btn-60-delete-foc.svg new file mode 100644 index 00000000..742e3782 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/60x60/btn-60-delete-foc.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/com.twin.app.shoptime/assets/button/60x60/btn-60-delete-nor.svg b/com.twin.app.shoptime/assets/button/60x60/btn-60-delete-nor.svg new file mode 100644 index 00000000..1d76a766 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/60x60/btn-60-delete-nor.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/60x60/btn-60-wh-back-dim@3x.png b/com.twin.app.shoptime/assets/button/60x60/btn-60-wh-back-dim@3x.png new file mode 100644 index 00000000..b9189840 Binary files /dev/null and b/com.twin.app.shoptime/assets/button/60x60/btn-60-wh-back-dim@3x.png differ diff --git a/com.twin.app.shoptime/assets/button/60x60/btn-60-wh-back-foc@3x.png b/com.twin.app.shoptime/assets/button/60x60/btn-60-wh-back-foc@3x.png new file mode 100644 index 00000000..48d1342f Binary files /dev/null and b/com.twin.app.shoptime/assets/button/60x60/btn-60-wh-back-foc@3x.png differ diff --git a/com.twin.app.shoptime/assets/button/60x60/btn-60-wh-back-nor.svg b/com.twin.app.shoptime/assets/button/60x60/btn-60-wh-back-nor.svg new file mode 100644 index 00000000..8559e109 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/60x60/btn-60-wh-back-nor.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/60x60/btn-60-wh-back-nor@3x.png b/com.twin.app.shoptime/assets/button/60x60/btn-60-wh-back-nor@3x.png new file mode 100644 index 00000000..5a0ef9da Binary files /dev/null and b/com.twin.app.shoptime/assets/button/60x60/btn-60-wh-back-nor@3x.png differ diff --git a/com.twin.app.shoptime/assets/button/84x84/btn-left-84-dim.svg b/com.twin.app.shoptime/assets/button/84x84/btn-left-84-dim.svg new file mode 100644 index 00000000..90c73e48 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/84x84/btn-left-84-dim.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/84x84/btn-left-84-foc.svg b/com.twin.app.shoptime/assets/button/84x84/btn-left-84-foc.svg new file mode 100644 index 00000000..d4d843b0 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/84x84/btn-left-84-foc.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/84x84/btn-left-84-nor.svg b/com.twin.app.shoptime/assets/button/84x84/btn-left-84-nor.svg new file mode 100644 index 00000000..14ee3f9f --- /dev/null +++ b/com.twin.app.shoptime/assets/button/84x84/btn-left-84-nor.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/84x84/btn-right-84-dim.svg b/com.twin.app.shoptime/assets/button/84x84/btn-right-84-dim.svg new file mode 100644 index 00000000..9d63da10 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/84x84/btn-right-84-dim.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/84x84/btn-right-84-foc.svg b/com.twin.app.shoptime/assets/button/84x84/btn-right-84-foc.svg new file mode 100644 index 00000000..5d65dfff --- /dev/null +++ b/com.twin.app.shoptime/assets/button/84x84/btn-right-84-foc.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/84x84/btn-right-84-nor.svg b/com.twin.app.shoptime/assets/button/84x84/btn-right-84-nor.svg new file mode 100644 index 00000000..3569490b --- /dev/null +++ b/com.twin.app.shoptime/assets/button/84x84/btn-right-84-nor.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/90x90/btn-quantity-decrease-dim.svg b/com.twin.app.shoptime/assets/button/90x90/btn-quantity-decrease-dim.svg new file mode 100644 index 00000000..964bb760 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/90x90/btn-quantity-decrease-dim.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/90x90/btn-quantity-decrease-foc.svg b/com.twin.app.shoptime/assets/button/90x90/btn-quantity-decrease-foc.svg new file mode 100644 index 00000000..4efde2d7 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/90x90/btn-quantity-decrease-foc.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/90x90/btn-quantity-decrease-nor.svg b/com.twin.app.shoptime/assets/button/90x90/btn-quantity-decrease-nor.svg new file mode 100644 index 00000000..964bb760 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/90x90/btn-quantity-decrease-nor.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/90x90/btn-quantity-increase-dim.svg b/com.twin.app.shoptime/assets/button/90x90/btn-quantity-increase-dim.svg new file mode 100644 index 00000000..77848764 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/90x90/btn-quantity-increase-dim.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/com.twin.app.shoptime/assets/button/90x90/btn-quantity-increase-foc.svg b/com.twin.app.shoptime/assets/button/90x90/btn-quantity-increase-foc.svg new file mode 100644 index 00000000..35314102 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/90x90/btn-quantity-increase-foc.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/com.twin.app.shoptime/assets/button/90x90/btn-quantity-increase-nor.svg b/com.twin.app.shoptime/assets/button/90x90/btn-quantity-increase-nor.svg new file mode 100644 index 00000000..77848764 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/90x90/btn-quantity-increase-nor.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-bk-down-dim.svg b/com.twin.app.shoptime/assets/button/etc/btn-bk-down-dim.svg new file mode 100644 index 00000000..923cee26 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-bk-down-dim.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-bk-down-foc.svg b/com.twin.app.shoptime/assets/button/etc/btn-bk-down-foc.svg new file mode 100644 index 00000000..22e776ec --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-bk-down-foc.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-bk-down-nor.svg b/com.twin.app.shoptime/assets/button/etc/btn-bk-down-nor.svg new file mode 100644 index 00000000..923cee26 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-bk-down-nor.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-bk-up-dim.svg b/com.twin.app.shoptime/assets/button/etc/btn-bk-up-dim.svg new file mode 100644 index 00000000..5d00c743 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-bk-up-dim.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-bk-up-foc.svg b/com.twin.app.shoptime/assets/button/etc/btn-bk-up-foc.svg new file mode 100644 index 00000000..0fbe15b6 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-bk-up-foc.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-bk-up-nor.svg b/com.twin.app.shoptime/assets/button/etc/btn-bk-up-nor.svg new file mode 100644 index 00000000..6a516171 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-bk-up-nor.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-gr-down-dim.svg b/com.twin.app.shoptime/assets/button/etc/btn-gr-down-dim.svg new file mode 100644 index 00000000..e1f590a8 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-gr-down-dim.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-gr-down-foc.svg b/com.twin.app.shoptime/assets/button/etc/btn-gr-down-foc.svg new file mode 100644 index 00000000..22e776ec --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-gr-down-foc.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-gr-down-nor.svg b/com.twin.app.shoptime/assets/button/etc/btn-gr-down-nor.svg new file mode 100644 index 00000000..e1f590a8 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-gr-down-nor.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-gr-up-dim.svg b/com.twin.app.shoptime/assets/button/etc/btn-gr-up-dim.svg new file mode 100644 index 00000000..6540f22c --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-gr-up-dim.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-gr-up-foc.svg b/com.twin.app.shoptime/assets/button/etc/btn-gr-up-foc.svg new file mode 100644 index 00000000..49ac8cba --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-gr-up-foc.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-gr-up-nor.svg b/com.twin.app.shoptime/assets/button/etc/btn-gr-up-nor.svg new file mode 100644 index 00000000..6540f22c --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-gr-up-nor.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-scroll-down-dim.svg b/com.twin.app.shoptime/assets/button/etc/btn-scroll-down-dim.svg new file mode 100644 index 00000000..a8e4657a --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-scroll-down-dim.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-scroll-down-foc.svg b/com.twin.app.shoptime/assets/button/etc/btn-scroll-down-foc.svg new file mode 100644 index 00000000..558bcd2b --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-scroll-down-foc.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-scroll-down-nor.svg b/com.twin.app.shoptime/assets/button/etc/btn-scroll-down-nor.svg new file mode 100644 index 00000000..af1b3b0c --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-scroll-down-nor.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-scroll-up-dim.svg b/com.twin.app.shoptime/assets/button/etc/btn-scroll-up-dim.svg new file mode 100644 index 00000000..9c937321 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-scroll-up-dim.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-scroll-up-foc.svg b/com.twin.app.shoptime/assets/button/etc/btn-scroll-up-foc.svg new file mode 100644 index 00000000..38a4a67b --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-scroll-up-foc.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-scroll-up-nor.svg b/com.twin.app.shoptime/assets/button/etc/btn-scroll-up-nor.svg new file mode 100644 index 00000000..30b6a9e1 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-scroll-up-nor.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-toclose-dim.svg b/com.twin.app.shoptime/assets/button/etc/btn-toclose-dim.svg new file mode 100644 index 00000000..b24b1a9b --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-toclose-dim.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-toclose-foc.svg b/com.twin.app.shoptime/assets/button/etc/btn-toclose-foc.svg new file mode 100644 index 00000000..ac0ef99f --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-toclose-foc.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-toclose-nor.svg b/com.twin.app.shoptime/assets/button/etc/btn-toclose-nor.svg new file mode 100644 index 00000000..b24b1a9b --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-toclose-nor.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-toopen-dim.svg b/com.twin.app.shoptime/assets/button/etc/btn-toopen-dim.svg new file mode 100644 index 00000000..32e45c03 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-toopen-dim.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-toopen-foc.svg b/com.twin.app.shoptime/assets/button/etc/btn-toopen-foc.svg new file mode 100644 index 00000000..2b8c0e20 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-toopen-foc.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/button/etc/btn-toopen-nor.svg b/com.twin.app.shoptime/assets/button/etc/btn-toopen-nor.svg new file mode 100644 index 00000000..32e45c03 --- /dev/null +++ b/com.twin.app.shoptime/assets/button/etc/btn-toopen-nor.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/category/ic-category-accessories-foc@3x.png b/com.twin.app.shoptime/assets/category/ic-category-accessories-foc@3x.png new file mode 100644 index 00000000..e49902b7 Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-accessories-foc@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-accessories-nor@3x.png b/com.twin.app.shoptime/assets/category/ic-category-accessories-nor@3x.png new file mode 100644 index 00000000..94894100 Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-accessories-nor@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-beauty-foc@3x.png b/com.twin.app.shoptime/assets/category/ic-category-beauty-foc@3x.png new file mode 100644 index 00000000..e7b3777d Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-beauty-foc@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-beauty-nor@3x.png b/com.twin.app.shoptime/assets/category/ic-category-beauty-nor@3x.png new file mode 100644 index 00000000..61feedc1 Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-beauty-nor@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-clearance-foc@3x.png b/com.twin.app.shoptime/assets/category/ic-category-clearance-foc@3x.png new file mode 100644 index 00000000..37a8b04c Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-clearance-foc@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-clearance-nor@3x.png b/com.twin.app.shoptime/assets/category/ic-category-clearance-nor@3x.png new file mode 100644 index 00000000..0fb53237 Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-clearance-nor@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-cw-foc@3x.png b/com.twin.app.shoptime/assets/category/ic-category-cw-foc@3x.png new file mode 100644 index 00000000..83d78e23 Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-cw-foc@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-cw-nor@3x.png b/com.twin.app.shoptime/assets/category/ic-category-cw-nor@3x.png new file mode 100644 index 00000000..c4f0f3c2 Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-cw-nor@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-default-foc@3x.png b/com.twin.app.shoptime/assets/category/ic-category-default-foc@3x.png new file mode 100644 index 00000000..68f1c01b Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-default-foc@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-default-nor@3x.png b/com.twin.app.shoptime/assets/category/ic-category-default-nor@3x.png new file mode 100644 index 00000000..769153ef Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-default-nor@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-electronics-foc@3x.png b/com.twin.app.shoptime/assets/category/ic-category-electronics-foc@3x.png new file mode 100644 index 00000000..f8272526 Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-electronics-foc@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-electronics-nor@3x.png b/com.twin.app.shoptime/assets/category/ic-category-electronics-nor@3x.png new file mode 100644 index 00000000..5a037211 Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-electronics-nor@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-enter-foc@3x.png b/com.twin.app.shoptime/assets/category/ic-category-enter-foc@3x.png new file mode 100644 index 00000000..c99f58f7 Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-enter-foc@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-enter-nor@3x.png b/com.twin.app.shoptime/assets/category/ic-category-enter-nor@3x.png new file mode 100644 index 00000000..2768ae9e Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-enter-nor@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-fashion-foc@3x.png b/com.twin.app.shoptime/assets/category/ic-category-fashion-foc@3x.png new file mode 100644 index 00000000..37fd7c76 Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-fashion-foc@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-fashion-nor@3x.png b/com.twin.app.shoptime/assets/category/ic-category-fashion-nor@3x.png new file mode 100644 index 00000000..45365edd Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-fashion-nor@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-finance-foc@3x.png b/com.twin.app.shoptime/assets/category/ic-category-finance-foc@3x.png new file mode 100644 index 00000000..7ebd0767 Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-finance-foc@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-finance-nor@3x.png b/com.twin.app.shoptime/assets/category/ic-category-finance-nor@3x.png new file mode 100644 index 00000000..01fd15af Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-finance-nor@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-garden-foc@3x.png b/com.twin.app.shoptime/assets/category/ic-category-garden-foc@3x.png new file mode 100644 index 00000000..1a1accf7 Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-garden-foc@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-garden-nor@3x.png b/com.twin.app.shoptime/assets/category/ic-category-garden-nor@3x.png new file mode 100644 index 00000000..4715f271 Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-garden-nor@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-gift-foc@3x.png b/com.twin.app.shoptime/assets/category/ic-category-gift-foc@3x.png new file mode 100644 index 00000000..071397b7 Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-gift-foc@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-gift-nor@3x.png b/com.twin.app.shoptime/assets/category/ic-category-gift-nor@3x.png new file mode 100644 index 00000000..d36363ca Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-gift-nor@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-health-foc@3x.png b/com.twin.app.shoptime/assets/category/ic-category-health-foc@3x.png new file mode 100644 index 00000000..e735d330 Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-health-foc@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-health-nor@3x.png b/com.twin.app.shoptime/assets/category/ic-category-health-nor@3x.png new file mode 100644 index 00000000..b906882d Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-health-nor@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-home-foc@3x.png b/com.twin.app.shoptime/assets/category/ic-category-home-foc@3x.png new file mode 100644 index 00000000..d0bfbe87 Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-home-foc@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-home-nor@3x.png b/com.twin.app.shoptime/assets/category/ic-category-home-nor@3x.png new file mode 100644 index 00000000..593acd60 Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-home-nor@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-jewelry-foc@3x.png b/com.twin.app.shoptime/assets/category/ic-category-jewelry-foc@3x.png new file mode 100644 index 00000000..63058008 Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-jewelry-foc@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-jewelry-nor@3x.png b/com.twin.app.shoptime/assets/category/ic-category-jewelry-nor@3x.png new file mode 100644 index 00000000..7e952016 Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-jewelry-nor@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-kitchen-foc@3x.png b/com.twin.app.shoptime/assets/category/ic-category-kitchen-foc@3x.png new file mode 100644 index 00000000..858f478f Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-kitchen-foc@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-kitchen-nor@3x.png b/com.twin.app.shoptime/assets/category/ic-category-kitchen-nor@3x.png new file mode 100644 index 00000000..c301168a Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-kitchen-nor@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-lgelectronics-foc@3x.png b/com.twin.app.shoptime/assets/category/ic-category-lgelectronics-foc@3x.png new file mode 100644 index 00000000..5d443a94 Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-lgelectronics-foc@3x.png differ diff --git a/com.twin.app.shoptime/assets/category/ic-category-lgelectronics-nor@3x.png b/com.twin.app.shoptime/assets/category/ic-category-lgelectronics-nor@3x.png new file mode 100644 index 00000000..f311a52b Binary files /dev/null and b/com.twin.app.shoptime/assets/category/ic-category-lgelectronics-nor@3x.png differ diff --git a/com.twin.app.shoptime/assets/ic-pop-conts-go.png b/com.twin.app.shoptime/assets/ic-pop-conts-go.png new file mode 100644 index 00000000..5788705b Binary files /dev/null and b/com.twin.app.shoptime/assets/ic-pop-conts-go.png differ diff --git a/com.twin.app.shoptime/assets/icon/badge/badge-bigsale@3x.png b/com.twin.app.shoptime/assets/icon/badge/badge-bigsale@3x.png new file mode 100644 index 00000000..776a6302 Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/badge/badge-bigsale@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/badge/badge-frees-h@3x.png b/com.twin.app.shoptime/assets/icon/badge/badge-frees-h@3x.png new file mode 100644 index 00000000..7f258aad Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/badge/badge-frees-h@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/badge/badge-shoptimeprice@3x.png b/com.twin.app.shoptime/assets/icon/badge/badge-shoptimeprice@3x.png new file mode 100644 index 00000000..94095906 Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/badge/badge-shoptimeprice@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/badge/badge-td-freesh@3x.png b/com.twin.app.shoptime/assets/icon/badge/badge-td-freesh@3x.png new file mode 100644 index 00000000..990498ab Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/badge/badge-td-freesh@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/badge/badge-td-specialvalue@3x.png b/com.twin.app.shoptime/assets/icon/badge/badge-td-specialvalue@3x.png new file mode 100644 index 00000000..4fd485ef Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/badge/badge-td-specialvalue@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/badge/badge-tsv@3x.png b/com.twin.app.shoptime/assets/icon/badge/badge-tsv@3x.png new file mode 100644 index 00000000..3fb3f157 Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/badge/badge-tsv@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/badge/ic-upcomings-nor@3x.png b/com.twin.app.shoptime/assets/icon/badge/ic-upcomings-nor@3x.png new file mode 100644 index 00000000..28eed71c Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/badge/ic-upcomings-nor@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/badge/ic-upcomings-sel@3x.png b/com.twin.app.shoptime/assets/icon/badge/ic-upcomings-sel@3x.png new file mode 100644 index 00000000..9ae6054b Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/badge/ic-upcomings-sel@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/button_icon/ic-heart-nor.svg b/com.twin.app.shoptime/assets/icon/button_icon/ic-heart-nor.svg new file mode 100644 index 00000000..1b13e7c4 --- /dev/null +++ b/com.twin.app.shoptime/assets/icon/button_icon/ic-heart-nor.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/icon/button_icon/ic-heart-sel.svg b/com.twin.app.shoptime/assets/icon/button_icon/ic-heart-sel.svg new file mode 100644 index 00000000..2058aa56 --- /dev/null +++ b/com.twin.app.shoptime/assets/icon/button_icon/ic-heart-sel.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/icon/button_icon/ic-more-nor.svg b/com.twin.app.shoptime/assets/icon/button_icon/ic-more-nor.svg new file mode 100644 index 00000000..38ac319c --- /dev/null +++ b/com.twin.app.shoptime/assets/icon/button_icon/ic-more-nor.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/icon/button_icon/ic-more-sel.svg b/com.twin.app.shoptime/assets/icon/button_icon/ic-more-sel.svg new file mode 100644 index 00000000..12e40df5 --- /dev/null +++ b/com.twin.app.shoptime/assets/icon/button_icon/ic-more-sel.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/icon/ic-arrow-down.svg b/com.twin.app.shoptime/assets/icon/ic-arrow-down.svg new file mode 100644 index 00000000..f78f87e6 --- /dev/null +++ b/com.twin.app.shoptime/assets/icon/ic-arrow-down.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/icon/ic-arrow-up.svg b/com.twin.app.shoptime/assets/icon/ic-arrow-up.svg new file mode 100644 index 00000000..8653162b --- /dev/null +++ b/com.twin.app.shoptime/assets/icon/ic-arrow-up.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/icon/ic-check-thumb.svg b/com.twin.app.shoptime/assets/icon/ic-check-thumb.svg new file mode 100644 index 00000000..0d17a5f4 --- /dev/null +++ b/com.twin.app.shoptime/assets/icon/ic-check-thumb.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/icon/ic-crown-badge.svg b/com.twin.app.shoptime/assets/icon/ic-crown-badge.svg new file mode 100644 index 00000000..82139e62 --- /dev/null +++ b/com.twin.app.shoptime/assets/icon/ic-crown-badge.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/icon/ic-delete.svg b/com.twin.app.shoptime/assets/icon/ic-delete.svg new file mode 100644 index 00000000..c6f94692 --- /dev/null +++ b/com.twin.app.shoptime/assets/icon/ic-delete.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/icon/ic-gr-call-36.svg b/com.twin.app.shoptime/assets/icon/ic-gr-call-36.svg new file mode 100644 index 00000000..4bc5363e --- /dev/null +++ b/com.twin.app.shoptime/assets/icon/ic-gr-call-36.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/icon/ic-gr-call.svg b/com.twin.app.shoptime/assets/icon/ic-gr-call.svg new file mode 100644 index 00000000..065ffc39 --- /dev/null +++ b/com.twin.app.shoptime/assets/icon/ic-gr-call.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/icon/ic-gr-mail-36.svg b/com.twin.app.shoptime/assets/icon/ic-gr-mail-36.svg new file mode 100644 index 00000000..12eba897 --- /dev/null +++ b/com.twin.app.shoptime/assets/icon/ic-gr-mail-36.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/icon/ic-location.svg b/com.twin.app.shoptime/assets/icon/ic-location.svg new file mode 100644 index 00000000..8d9284b7 --- /dev/null +++ b/com.twin.app.shoptime/assets/icon/ic-location.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/icon/ic-profile.svg b/com.twin.app.shoptime/assets/icon/ic-profile.svg new file mode 100644 index 00000000..cc7a5efb --- /dev/null +++ b/com.twin.app.shoptime/assets/icon/ic-profile.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/com.twin.app.shoptime/assets/icon/ic-tail-40@3x.png b/com.twin.app.shoptime/assets/icon/ic-tail-40@3x.png new file mode 100644 index 00000000..97e9a6e3 Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/ic-tail-40@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/ic-track-completed.svg b/com.twin.app.shoptime/assets/icon/ic-track-completed.svg new file mode 100644 index 00000000..efb6e54c --- /dev/null +++ b/com.twin.app.shoptime/assets/icon/ic-track-completed.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/icon/ic-track-ongoing.svg b/com.twin.app.shoptime/assets/icon/ic-track-ongoing.svg new file mode 100644 index 00000000..9e8dc6f3 --- /dev/null +++ b/com.twin.app.shoptime/assets/icon/ic-track-ongoing.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/com.twin.app.shoptime/assets/icon/ic-track-scheduled.svg b/com.twin.app.shoptime/assets/icon/ic-track-scheduled.svg new file mode 100644 index 00000000..2c68b182 --- /dev/null +++ b/com.twin.app.shoptime/assets/icon/ic-track-scheduled.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/icon/ic-warning.svg b/com.twin.app.shoptime/assets/icon/ic-warning.svg new file mode 100644 index 00000000..0df1aa2b --- /dev/null +++ b/com.twin.app.shoptime/assets/icon/ic-warning.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/icon/ic-wh-call.svg b/com.twin.app.shoptime/assets/icon/ic-wh-call.svg new file mode 100644 index 00000000..c6b01271 --- /dev/null +++ b/com.twin.app.shoptime/assets/icon/ic-wh-call.svg @@ -0,0 +1,4 @@ + + + + diff --git a/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-aliexpress@3x.png b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-aliexpress@3x.png new file mode 100644 index 00000000..95e7fef3 Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-aliexpress@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-amazonlive@3x.png b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-amazonlive@3x.png new file mode 100644 index 00000000..77ea3ab4 Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-amazonlive@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-bestbuy@3x.png b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-bestbuy@3x.png new file mode 100644 index 00000000..66538be5 Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-bestbuy@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-costco@3x.png b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-costco@3x.png new file mode 100644 index 00000000..978e4fdd Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-costco@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-disney@3x.png b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-disney@3x.png new file mode 100644 index 00000000..3ad41ee5 Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-disney@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-fanatics@3x.png b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-fanatics@3x.png new file mode 100644 index 00000000..5e56eb58 Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-fanatics@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-grip@3x.png b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-grip@3x.png new file mode 100644 index 00000000..e25c28da Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-grip@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-hbo@3x.png b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-hbo@3x.png new file mode 100644 index 00000000..07a48bb3 Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-hbo@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-hsn@3x.png b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-hsn@3x.png new file mode 100644 index 00000000..af842364 Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-hsn@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-juvelliochica@3x.png b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-juvelliochica@3x.png new file mode 100644 index 00000000..1e28b67f Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-juvelliochica@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-netflix@3x.png b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-netflix@3x.png new file mode 100644 index 00000000..afe375f0 Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-netflix@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-obs@3x.png b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-obs@3x.png new file mode 100644 index 00000000..af767da4 Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-obs@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-ontv-4-u@3x.png b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-ontv-4-u@3x.png new file mode 100644 index 00000000..91da716e Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-ontv-4-u@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-otto@3x.png b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-otto@3x.png new file mode 100644 index 00000000..6ca75be5 Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-otto@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-ozon@3x.png b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-ozon@3x.png new file mode 100644 index 00000000..967abb2c Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-ozon@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-qvc@3x.png b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-qvc@3x.png new file mode 100644 index 00000000..7acae60b Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-qvc@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-shoplc@3x.png b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-shoplc@3x.png new file mode 100644 index 00000000..fdd92b86 Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-shoplc@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-talkshoplive@3x.png b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-talkshoplive@3x.png new file mode 100644 index 00000000..535379f2 Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-talkshoplive@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-yandex@3x.png b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-yandex@3x.png new file mode 100644 index 00000000..407d1b1e Binary files /dev/null and b/com.twin.app.shoptime/assets/icon/icons/partners/ic-partners-yandex@3x.png differ diff --git a/com.twin.app.shoptime/assets/icon/tag/tag-liveshow.svg b/com.twin.app.shoptime/assets/icon/tag/tag-liveshow.svg new file mode 100644 index 00000000..6acdb0e4 --- /dev/null +++ b/com.twin.app.shoptime/assets/icon/tag/tag-liveshow.svg @@ -0,0 +1,12 @@ + + + + + + + + + + LIVE + + diff --git a/com.twin.app.shoptime/assets/images/cart/img-cart-empty@3x.png b/com.twin.app.shoptime/assets/images/cart/img-cart-empty@3x.png new file mode 100644 index 00000000..062d8adb Binary files /dev/null and b/com.twin.app.shoptime/assets/images/cart/img-cart-empty@3x.png differ diff --git a/com.twin.app.shoptime/assets/images/checkout/img-card-bg@3x.png b/com.twin.app.shoptime/assets/images/checkout/img-card-bg@3x.png new file mode 100644 index 00000000..a8bea1cc Binary files /dev/null and b/com.twin.app.shoptime/assets/images/checkout/img-card-bg@3x.png differ diff --git a/com.twin.app.shoptime/assets/images/checkout/img-checkout-complete@3x.png b/com.twin.app.shoptime/assets/images/checkout/img-checkout-complete@3x.png new file mode 100644 index 00000000..4fdfa396 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/checkout/img-checkout-complete@3x.png differ diff --git a/com.twin.app.shoptime/assets/images/checkout/img-checkout-coupon@3x.png b/com.twin.app.shoptime/assets/images/checkout/img-checkout-coupon@3x.png new file mode 100644 index 00000000..dc06d890 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/checkout/img-checkout-coupon@3x.png differ diff --git a/com.twin.app.shoptime/assets/images/liveChannel/img-liveshow-delay@3x.png b/com.twin.app.shoptime/assets/images/liveChannel/img-liveshow-delay@3x.png new file mode 100644 index 00000000..7e755b21 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/liveChannel/img-liveshow-delay@3x.png differ diff --git a/com.twin.app.shoptime/assets/images/myPage/img-my-info-billing@3x.png b/com.twin.app.shoptime/assets/images/myPage/img-my-info-billing@3x.png new file mode 100644 index 00000000..2975b09c Binary files /dev/null and b/com.twin.app.shoptime/assets/images/myPage/img-my-info-billing@3x.png differ diff --git a/com.twin.app.shoptime/assets/images/myPage/img-myinfo-coupon@3x.png b/com.twin.app.shoptime/assets/images/myPage/img-myinfo-coupon@3x.png new file mode 100644 index 00000000..71202197 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/myPage/img-myinfo-coupon@3x.png differ diff --git a/com.twin.app.shoptime/assets/images/myPage/img-myinfo-payment@3x.png b/com.twin.app.shoptime/assets/images/myPage/img-myinfo-payment@3x.png new file mode 100644 index 00000000..d4b9be36 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/myPage/img-myinfo-payment@3x.png differ diff --git a/com.twin.app.shoptime/assets/images/myPage/img-myinfo-shipping@3x.png b/com.twin.app.shoptime/assets/images/myPage/img-myinfo-shipping@3x.png new file mode 100644 index 00000000..11740577 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/myPage/img-myinfo-shipping@3x.png differ diff --git a/com.twin.app.shoptime/assets/images/productStar/img-detail-star-0-0@3x.png b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-0-0@3x.png new file mode 100644 index 00000000..4fa1cc41 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-0-0@3x.png differ diff --git a/com.twin.app.shoptime/assets/images/productStar/img-detail-star-0-5@3x.png b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-0-5@3x.png new file mode 100644 index 00000000..ae79471a Binary files /dev/null and b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-0-5@3x.png differ diff --git a/com.twin.app.shoptime/assets/images/productStar/img-detail-star-1-0@3x.png b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-1-0@3x.png new file mode 100644 index 00000000..60e49252 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-1-0@3x.png differ diff --git a/com.twin.app.shoptime/assets/images/productStar/img-detail-star-1-5@3x.png b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-1-5@3x.png new file mode 100644 index 00000000..a35987d9 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-1-5@3x.png differ diff --git a/com.twin.app.shoptime/assets/images/productStar/img-detail-star-2-0@3x.png b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-2-0@3x.png new file mode 100644 index 00000000..f9078bc3 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-2-0@3x.png differ diff --git a/com.twin.app.shoptime/assets/images/productStar/img-detail-star-2-5@3x.png b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-2-5@3x.png new file mode 100644 index 00000000..77bd3752 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-2-5@3x.png differ diff --git a/com.twin.app.shoptime/assets/images/productStar/img-detail-star-3-0@3x.png b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-3-0@3x.png new file mode 100644 index 00000000..8388b752 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-3-0@3x.png differ diff --git a/com.twin.app.shoptime/assets/images/productStar/img-detail-star-3-5@3x.png b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-3-5@3x.png new file mode 100644 index 00000000..26d763d4 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-3-5@3x.png differ diff --git a/com.twin.app.shoptime/assets/images/productStar/img-detail-star-4-0@3x.png b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-4-0@3x.png new file mode 100644 index 00000000..c785a694 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-4-0@3x.png differ diff --git a/com.twin.app.shoptime/assets/images/productStar/img-detail-star-4-5@3x.png b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-4-5@3x.png new file mode 100644 index 00000000..c2f4b75a Binary files /dev/null and b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-4-5@3x.png differ diff --git a/com.twin.app.shoptime/assets/images/productStar/img-detail-star-5-0@3x.png b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-5-0@3x.png new file mode 100644 index 00000000..3ded775a Binary files /dev/null and b/com.twin.app.shoptime/assets/images/productStar/img-detail-star-5-0@3x.png differ diff --git a/com.twin.app.shoptime/assets/img-detail-star-1-5.svg b/com.twin.app.shoptime/assets/img-detail-star-1-5.svg new file mode 100644 index 00000000..be2cb57b --- /dev/null +++ b/com.twin.app.shoptime/assets/img-detail-star-1-5.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/com.twin.app.shoptime/src/components/TButton/TButton.jsx b/com.twin.app.shoptime/src/components/TButton/TButton.jsx index 3a343cd7..bd272cc2 100644 --- a/com.twin.app.shoptime/src/components/TButton/TButton.jsx +++ b/com.twin.app.shoptime/src/components/TButton/TButton.jsx @@ -3,11 +3,24 @@ import compose from "ramda/src/compose"; import css from "./TButton.module.less"; -import { useCallback, useState } from "react"; +import React, { useCallback, useState } from "react"; import Spottable from "@enact/spotlight/Spottable"; import { Marquee, MarqueeController } from "@enact/ui/Marquee"; +const SIZES = { + small: "small", + medium: "medium", + large: "large", +}; + +const TYPES = { + normal: "normal", + withIcon: "withIcon", + terms: "terms", + agree: "agree", +}; + const SpottableComponent = Spottable("div"); function TButtonBase({ @@ -19,6 +32,10 @@ function TButtonBase({ onFocus, disabled, selected, + type = "normal", + size = "large", + withMarquee = false, + isIntro = false, ...rest }) { const [isFocused, setIsFocused] = useState(false); @@ -58,17 +75,27 @@ function TButtonBase({ return ( - {children} + {withMarquee ? ( + + {children} + + ) : ( +
{children}
+ )} ); } @@ -77,3 +104,5 @@ const ButtonDecorator = compose(MarqueeController({ marqueeOnFocus: true })); const TButton = ButtonDecorator(TButtonBase); export default TButton; + +export { TYPES, SIZES }; diff --git a/com.twin.app.shoptime/src/components/TButton/TButton.module.less b/com.twin.app.shoptime/src/components/TButton/TButton.module.less index 515f2322..7d1a5519 100644 --- a/com.twin.app.shoptime/src/components/TButton/TButton.module.less +++ b/com.twin.app.shoptime/src/components/TButton/TButton.module.less @@ -1,7 +1,103 @@ -.focused { - color: red; -} +@import "../../style/CommonStyle.module.less"; +@import "../../style/utils.module.less"; -.selected { - background-color: green; +.tButton { + // common style + display: flex; + justify-content: center; + align-items: center; + box-sizing: border-box; + background-size: contain; + background-color: @BTN_MAIN_GREY; + color: @COLOR_WHITE; + font-family: @baseFont; + border-radius: @btnRadius; + padding: 0 12px; + transition: all 0.1s ease; + + .text { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + text-align: center; + } + + .marquee { + width: 100%; + > div > div { + text-align: center; + } + } + + &.focused { + background-color: @PRIMARY_COLOR_RED; + .focusDropShadow(); + } + + &.terms { + background-color: @COLOR_WHITE; + .flex(@justifyCenter: space-between); + width: 530px; + position: relative; + height: 120px; + font-size: 34px; + color: @COLOR_GRAY08; + text-align: center; + box-sizing: border-box; + border: 1px solid #ccc; + border-radius: 6px; + margin: 0 20px; + padding: 0 50px; + box-shadow: 0 0 25px #0003; + + &:hover, + &:active, + &:focus-within, + &:focus { + border: 1px solid @PRIMARY_COLOR_RED; + color: @PRIMARY_COLOR_RED; + } + + &:after { + content: ""; + background: url(../../../assets/ic-pop-conts-go.png); + .imgElement(cover, cover, right, top); + width: 37px; + height: 37px; + } + s &:hover, + &:active, + &:focus-within, + &:focus { + &:after { + background-position: right bottom; + } + } + } + + &.agree { + width: auto; + background-color: #999999; + color: @COLOR_WHITE; + min-width: 450px; + height: 100px; + margin: 0 20px; + font-size: 30px; + border-radius: 10px; + box-sizing: border-box; + .flex(); + box-shadow: 0 5px 5px #003 0 6px 7px #0000001a; + line-height: normal; + + &:hover, + &:active, + &:focus-within, + &:focus { + box-shadow: 0px 18px 28.2px 1.8px rgba(0, 0, 0, 0.4); + font-size: 40px; + // line-height: normal; + background: @PRIMARY_COLOR_RED; + color: @COLOR_WHITE; + } + } } diff --git a/com.twin.app.shoptime/src/components/TPanel/TPanel.jsx b/com.twin.app.shoptime/src/components/TPanel/TPanel.jsx index fb63d9ba..bb3e62a7 100644 --- a/com.twin.app.shoptime/src/components/TPanel/TPanel.jsx +++ b/com.twin.app.shoptime/src/components/TPanel/TPanel.jsx @@ -3,9 +3,9 @@ import React, { useCallback, useEffect } from "react"; import { useDispatch, useSelector } from "react-redux"; import { Panel } from "@enact/sandstone/Panels"; import { Cancelable } from "@enact/ui/Cancelable"; -import { popPanel } from "../../features/panels/panelsSlice"; import css from "./TPanel.module.less"; import SmoodShowingAnimation from "../SmoodShowingAnimation/SmoodShowingAnimation"; +import { popPanel } from "../../features/panels/panelsSlice"; const CancelablePanel = Cancelable( { modal: true, onCancel: "handleCancel" }, @@ -38,7 +38,11 @@ const TPanel = ({ ); return ( - + {children} ); diff --git a/com.twin.app.shoptime/src/components/TPanel/TPanel.module.less b/com.twin.app.shoptime/src/components/TPanel/TPanel.module.less index e69de29b..7d44b2ca 100644 --- a/com.twin.app.shoptime/src/components/TPanel/TPanel.module.less +++ b/com.twin.app.shoptime/src/components/TPanel/TPanel.module.less @@ -0,0 +1,13 @@ +@import "../../style/CommonStyle.module.less"; + +.tpanelmain { + width: 100%; + height: 100%; + box-sizing: border-box; + color: black; + + section { + padding: 0 !important; + word-break: keep-all; + } +} diff --git a/com.twin.app.shoptime/src/components/TPopUp/TPopUp.jsx b/com.twin.app.shoptime/src/components/TPopUp/TPopUp.jsx index 74fa1bc3..fd314ac2 100644 --- a/com.twin.app.shoptime/src/components/TPopUp/TPopUp.jsx +++ b/com.twin.app.shoptime/src/components/TPopUp/TPopUp.jsx @@ -4,16 +4,21 @@ import Spotlight from "@enact/spotlight"; import Alert from "@enact/sandstone/Alert"; import { $L } from "../../utils/helperMethods"; -import { useCallback, useEffect } from "react"; +import React, { useCallback, useEffect } from "react"; import TButton from "../TButton/TButton"; +import css from "../TPopUp/TPopUp.module.less"; +import classNames from "classnames"; + const Container = SpotlightContainerDecorator( { enterTo: "default-element", preserveId: true }, Spottable("div") ); const SpottableComponent = Spottable("div"); +const KINDS = ["textPopup", "termsPopup", "introTermsPopup"]; + export default function TPopUp({ kind, children, @@ -21,12 +26,19 @@ export default function TPopUp({ onClose, hasButton, hasText, + className, button1Text, button2Text, open, title, text, }) { + useEffect(() => { + if (KINDS.indexOf(kind) < 0) { + console.error("TPopUp kind error"); + } + }, [kind]); + useEffect(() => { Spotlight.focus("tPopupBtn1"); Spotlight.focus("tPopupBtn2"); @@ -42,17 +54,30 @@ export default function TPopUp({ ); return ( - - + + {hasText && ( - <> - {title &&
{title}
} - {text &&
{text}
} - +
+ {title &&
{title}
} + {text &&
{text}
} +
)} {children} {hasButton && ( - <> +
{button1Text && ( )} - +
)} diff --git a/com.twin.app.shoptime/src/components/TPopUp/TPopUp.module.less b/com.twin.app.shoptime/src/components/TPopUp/TPopUp.module.less index e69de29b..95f01769 100644 --- a/com.twin.app.shoptime/src/components/TPopUp/TPopUp.module.less +++ b/com.twin.app.shoptime/src/components/TPopUp/TPopUp.module.less @@ -0,0 +1,111 @@ +@import "../../style/CommonStyle.module.less"; +@import "../../style/utils.module.less"; + +[id="floatLayer"] { + //common layout + > div:not([id]) > div > div:nth-child(2) { + bottom: 50%; + transform: translateY(50%); + overflow: unset; + > div { + overflow: unset; + } + } +} + +.tPopUp { + //enact popup reset + margin: 0 auto !important; + background: transparent !important; + > div { + padding: 0 !important; + > div > div { + width: unset !important; + margin: 0 !important; + } + } + box-shadow: 0 20px 70px rgba(2, 3, 3, 0.7) !important; +} + +.default-style() { + .info { + width: 780px; + background-color: @COLOR_WHITE; + color: @COLOR_GRAY03; + display: flex; + flex-direction: column; + font-family: @baseFont; + box-sizing: border-box; + border-radius: 4px; + } + + .textLayer { + width: 100%; + + .title { + text-align: left; + font-size: 36px; + font-family: @baseFontBold; + color: @COLOR_BLACK; + background-color: skyblue; + padding: 30px 60px; + } + + .text { + min-height: 180px; + color: @COLOR_GRAY03; + font-size: 30px; + padding: 30px 60px; + .flex(); + } + } +} + +.introTermsPopup { + .default-style(); + + .info { + width: 1066px; + background-color: #e6ebf0; + padding: 60px; + + .textLayer { + .title { + } + + .text { + } + } + + .buttonContainer { + margin: 30px 0 0 0; + display: flex; + justify-content: center; + } + } + + .title { + width: 100%; + } +} + +.textPopup { + .default-style(); + + .info { + .textLayer { + .title { + } + + .text { + } + } + + .buttonContainer { + margin: 30px 0; + display: flex; + justify-content: center; + gap: 12px; + } + } +} diff --git a/com.twin.app.shoptime/src/features/panels/panelsSlice.js b/com.twin.app.shoptime/src/features/panels/panelsSlice.js index 15b5b8d5..4a9f6945 100644 --- a/com.twin.app.shoptime/src/features/panels/panelsSlice.js +++ b/com.twin.app.shoptime/src/features/panels/panelsSlice.js @@ -16,9 +16,11 @@ export const panels = createSlice({ if (!action.payload.panelInfo) { action.payload.panelInfo = {}; } + const forceTopPanelsInfo = []; const newState = []; let forceTopIndex; + for (let index in state.panels) { forceTopIndex = forceTopPanels.indexOf(state.panels[index].name); if (forceTopIndex >= 0) { @@ -27,7 +29,9 @@ export const panels = createSlice({ newState.push(state.panels[index]); } } + forceTopIndex = forceTopPanels.indexOf(action.payload.name); + if (forceTopIndex >= 0) { forceTopPanelsInfo[forceTopIndex] = action.payload; } else { @@ -42,6 +46,7 @@ export const panels = createSlice({ }, popPanel: (state, action) => { let existIndex = -1; + if (action?.payload) { for (let index in state.panels) { if (state.panels[index].name === action.payload) { @@ -56,18 +61,21 @@ export const panels = createSlice({ ...state.panels.filter((value) => value.name !== action.payload), ]; } + if (!action.payload) { state.panels = [...state.panels.slice(0, state.panels.length - 1)]; } }, updatePanel: (state, action) => { let existIndex = -1; + for (let index in state.panels) { if (state.panels[index].name === action.payload.name) { existIndex = index; break; } } + if (existIndex >= 0 && action.payload.panelInfo) { state.panels[existIndex].panelInfo = Object.assign( {}, @@ -81,6 +89,7 @@ export const panels = createSlice({ }, resetPanels: (state, action) => { state.isModalOpen = false; + if (action.payload) { action.payload.forEach(function (panel) { if (!panel.panelInfo) { diff --git a/com.twin.app.shoptime/src/style/CommonStyle.module.less b/com.twin.app.shoptime/src/style/CommonStyle.module.less index 87363fd4..03e8bad6 100644 --- a/com.twin.app.shoptime/src/style/CommonStyle.module.less +++ b/com.twin.app.shoptime/src/style/CommonStyle.module.less @@ -9,113 +9,49 @@ src: url("../../assets/fonts/lgfont/LGSmartUI-Bold2.woff") format("woff"); } @baseFont: "LGSmartUI"; +@baseFontBold: "LGSmartUIBold"; @globalHeight: 1080px; @globalWidth: 1920px; @globalMainWidth: 1800px; -/* color */ -/* white base */ -@colorWhite01: #fff; -@colorWhite02: #f8f8f8; -@colorWhite03: #e6e6e6; -@colorWhite04: #dadada; +/* BG COLOR */ +@BG_COLOR_01: #f8f8f8; +@BG_COLOR_02: #f2f2f2; +@BG_COLOR_03: #f2f6fb; -/* red base */ -@colorRed01: #c70850; +/* MAIN COLOR */ +@PRIMARY_COLOR_RED: #c70850; +@SELECTED_COLOR_RED: #4f172c; -/* grey */ -@colorGrey01: #606060; -@colorGrey02: #999999; -@colorGrey03: #808080; -@colorGrey04: #9ba5b5; -@colorGrey05: #666; -@colorGrey06: #555; -@colorGrey07: #ccc; +/* SUB COLOR */ +@COLOR_WHITE: #ffffff; +@COLOR_GRAY01: #e3e7ee; +@COLOR_GRAY02: #dadada; // border line +@COLOR_GRAY03: #808080; +@COLOR_GRAY04: #767676; +@COLOR_GRAY05: #555555; +@COLOR_GRAY06: #333333; +@COLOR_GRAY07: #222222; +@COLOR_GRAY08: #1a1a1a; -/* black base */ -@colorBlack01: #000; -@colorBlack02: #1a1a1a; -@colorBlack03: #141414; -@colorBlack04: #222; -@colorBlack05: #2c343f; -@colorBlack06: #333; +@COLOR_BLACK: #000000; +@COLOR_NAVY: #2c343f; -/* btns */ -/* btns size */ -@btn42: 42px; -@btn48: 48px; -@btn60: 60px; -@btn84: 84px; -@btn90: 90px; -@btn120: 120px; -/* icon */ -/* icon width */ -@icon40: 40px; -@icon48: @btn48; -/* video icon */ -@icon60: @btn60; -@icon78: 78px; -@icon80: 80px; -@icon120: @btn120; -@icon138: 138px; +/* BUTTON */ +@BTN_MAIN_GREY: #7a808d; +@BTN_SUB_GREY: @COLOR_GRAY03; -/* btns color */ -@btnNormalGrey01: #7a808d; -@btnNormalGrey02: #808080; -@btnNormalGrey03: #f9fafa; -@btnNormalGrey04: #7d848c; -@btnNormalGrey05: #e4e4e4; -@btnNormalGrey06: #686464; -@btnNormalFont01: @colorWhite01; -@btnNormalFont02: @colorWhite01; -@btnNormalFont03: #808080; -@btnNormalFont04: #e6e6e6; -@btnNormalFont05: #4c5059; -@btnNormalFont06: #f2f6fb; -@btnNormalFont07: #666666; -@btnNormalFont08: @colorGrey04; +/* ----- 추가 CommonStyles (chw) ----- */ -@btnNormalRed: @colorRed01; +/* Button */ +@btnRadius: 12px; +@btnPadding: 12px; -@btnNormalWhite: @colorWhite01; +.focusDropShadow() { + box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); +} -@btnFocusRed: @colorRed01; -@btnFocusFont: @colorWhite01; - -@btnDimmed01: #4a4c50; -@btnDimmed02: #4c4c4c; -@btnDimmed03: #717171; -@btnDimmedFont01: #8f9092; -@btnDimmedFont02: #727272; -@btnDimmedFont03: #676767; - -@btnDropDown01: @btnNormalGrey02; -@btnDropDown02: @colorRed01; - -@btnDropDownSelect: #4f172c; - -/* padding 값 LR 부분 */ -@smallPaddingLR: 12px; -@bigPaddingLR: 30px; - -/* popup */ -@popupBoxNormalWidth: 780px; -@popupBoxOptionWidth: 820px; - -/* tab */ -@tabLineColor: @btnDropDownSelect; - -/* tab color */ -@tabNormal: @colorWhite01; -@tabFocus: @colorRed01; -@tabSelected: @btnDropDownSelect; - -/* gnb */ -@gnbOffWidth: 120px; -@gnbOnWidth: 402px; -@gnbSubWidth: 386px; - -/* category guide */ -@cateTabMinWidth: 120px; -@cateTabTwoFixWidth: 240px; +/* Text Button */ +@LargeTextBtnHeight: 78px; +@SmallTextBtnHeight: 60px; diff --git a/com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.jsx b/com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.jsx index f5679d08..55d3fe34 100644 --- a/com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.jsx +++ b/com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.jsx @@ -1,8 +1,7 @@ -import { useState, useEffect } from "react"; +import React, { useState, useEffect } from "react"; import { useDispatch } from "react-redux"; -import { addPanels, popPanel } from "../../features/panels/panelsSlice"; import * as Config from "../../utils/Config"; -import TButton from "../../components/TButton/TButton"; +import TButton, { TYPES, SIZES } from "../../components/TButton/TButton"; import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator"; import Spotlight from "@enact/spotlight"; @@ -13,6 +12,8 @@ import TPopUp from "../../components/TPopUp/TPopUp"; import css from "./IntroPanel.module.less"; import classNames from "classnames"; +import { $L } from "../../utils/helperMethods"; +import { addPanels, popPanel } from "../../features/panels/panelsSlice"; const Container = SpotlightContainerDecorator( { enterTo: "last-focused" }, @@ -60,58 +61,84 @@ export default function IntroPanel({ children, ...rest }) { Spotlight.focus("introTermsAgree"); }, []); + const description = + $L(`Check out more LIVE SHOWS and enjoy Shopping via your TV \n at Shop Time’s special prices by agreeing to the LG TV + Shopping Terms and Conditions`); + return ( - - -

Welcome to Shop Time !

-

- Check out more LIVE SHOWS and enjoy Shopping via your TV at Shop - Time’s special prices by agreeing to the LG TV Shopping Terms and - Conditions. -

- handleTermsClick("MST00402")}> - Terms & Conditions - - handleTermsClick("MST00401")}> - Privacy Policy - - - Agree - - Do Not Agree + <> + + +
+ {`Welcome to `} + + Shop Time ! + +
+
{description}
+
+ handleTermsClick("MST00402")} + type={TYPES.terms} + > + {$L("Terms & Conditions")} + + handleTermsClick("MST00401")} + type={TYPES.terms} + > + {$L("Privacy Policy")} + +
+
+ + {$L("Agree")} + + + {$L("Do Not Agree")} + +
+ + - {/* TERMS */} - setTermsPopUpOpen(false)} - hasButton - button1Text="OK" - > - {currentTermsData && ( - <> -
{currentTermsTitle}
-
- - )} - + {/* TERMS */} + setTermsPopUpOpen(false)} + hasButton + button1Text="OK" + > + {currentTermsData && ( +
+
{currentTermsTitle}
+
+
+ )} + - {/* DO NOT AGREE */} - - - + {/* DO NOT AGREE */} + + ); } diff --git a/com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.module.less b/com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.module.less index e69de29b..87e30279 100644 --- a/com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.module.less +++ b/com.twin.app.shoptime/src/views/IntroPanel/IntroPanel.module.less @@ -0,0 +1,65 @@ +@import "../../style/CommonStyle.module.less"; +@import "../../style/utils.module.less"; + +.introLayout { + .flex(@direction: column); + background-color: #f2f6fb; + font-family: @baseFont; + text-align: center; + width: 100%; + height: 100%; + + .title { + font-size: 60px; + padding: 44px 201px; + white-space: pre-wrap; + line-height: normal; + } + + .txtPoint { + font-family: @baseFontBold; + font-size: 74px; + color: #57585a; + } + + .pointColor { + color: #c91d53; + } + + .description { + white-space: pre-wrap; + line-height: normal; + font-size: 36px; + padding: 0 10px; + padding-top: 14px; + } + + .termsItemsLayer { + display: flex; + margin: 113px 0 120px 0; + } + + .bottomBtnLayer { + margin-top: 50px; + .flex(); + } +} + +/* intro terms */ +.introTermsConts { + background-color: @COLOR_WHITE; + font-size: 30px; + border: 1px solid @COLOR_GRAY01; + color: @COLOR_BLACK; + border-radius: 4px; + + .termsTitle { + font-family: @baseFontBold; + border-bottom: 1px solid @COLOR_GRAY07; + padding: 20px 30px; + } + + .termsDesc { + padding: 10px 30px; + } +}