19.0 vanilla

odoo-bringout-oca-ocb-website_sale/website_sale/static/description/icon.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="70" height="70" viewBox="0 0 70 70"><defs><path id="a" d="M4 0h61c4 0 5 1 5 5v60c0 4-1 5-5 5H4c-3 0-4-1-4-5V5c0-4 1-5 4-5z"/><linearGradient id="c" x1="100%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#94B6C8"/><stop offset="100%" stop-color="#6A9EBA"/></linearGradient><path id="d" d="M50.363 41a1.636 1.636 0 0 1-1.59 1.286L27 43l1 4h19c1 0 1 2 0 2H26l-6-24h-2v1c0 .667-.333 1-1 1s-1-.333-1-1v-2c.066-.667.4-1 1-1h4c.517 0 .85.333 1 1l1 3.281h28.45c1.048 0 1.824.985 1.592 2.019L50.363 41zM45.5 55a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5zm-19 0a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z"/><path id="e" d="M50.363 39a1.636 1.636 0 0 1-1.59 1.286L27 41l1 4h19c1 0 1 2 0 2H26l-6-24h-2v1c0 .667-.333 1-1 1s-1-.333-1-1v-2c.066-.667.4-1 1-1h4c.517 0 .85.333 1 1l1 3.281h28.45c1.048 0 1.824.985 1.592 2.019L50.363 39zM45.5 53a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5zm-19 0a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z"/></defs><g fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><g mask="url(#b)"><path fill="url(#c)" d="M0 0H70V70H0z"/><path fill="#FFF" fill-opacity=".383" d="M4 1h61c2.667 0 4.333.667 5 2V0H0v3c.667-1.333 2-2 4-2z"/><path fill="#393939" d="M35 69H4c-2 0-4-1-4-4V37.785l16.292-16.467L21 21l2 5h29l-1.963 13.743L45 45h2l.542 1.59-3.3 3.164 3.3 1.837L35 69z" opacity=".324"/><path fill="#000" fill-opacity=".383" d="M4 69h61c2.667 0 4.333-1 5-3v4H0v-4c.667 2 2 3 4 3z"/><use fill="#000" fill-rule="nonzero" opacity=".3" xlink:href="#d"/><use fill="#FFF" fill-rule="nonzero" xlink:href="#e"/></g></g></svg>
+<svg width="50" height="50" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.724 6.397C16.377 4.94 17.852 4 19.481 4h11.037c1.63 0 3.104.94 3.757 2.397L37.236 13H41.9c2.46 0 4.367 2.099 4.07 4.481l-3.106 25C42.613 44.49 40.866 46 38.793 46H11.207c-2.074 0-3.82-1.51-4.07-3.519l-3.107-25C3.734 15.1 5.64 13 8.1 13h4.663l2.961-6.603ZM32.917 13H17.082c0-.56.123-1.134.39-1.691l.956-2C19.102 7.9 20.551 7 22.144 7h5.711c1.593 0 3.042.9 3.716 2.308l.957 2c.266.558.39 1.132.39 1.692Z" fill="#712258"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.514 45.016a3.963 3.963 0 0 1-1.377-2.535l-3.107-25C3.734 15.1 5.64 13 8.1 13h4.663l2.961-6.603C16.377 4.94 17.852 4 19.481 4h11.037c1.63 0 3.104.94 3.757 2.397l2.59 5.777C35.5 28.256 23.848 41.405 8.515 45.016ZM17.082 13h15.835c0-.56-.123-1.134-.39-1.691l-.956-2C30.897 7.9 29.448 7 27.855 7h-5.711c-1.593 0-3.042.9-3.716 2.308l-.956 2a3.904 3.904 0 0 0-.39 1.692Z" fill="#985184"/></svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/filmstrips/bordered.svg

@@ -0,0 +1,38 @@
+<svg width="240" height="72" viewBox="0 0 240 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M54.3867 46.674V47.674H8V46.674H54.3867ZM55.3867 45.674V27C55.3867 26.4477 54.939 26 54.3867 26H8C7.48233 26 7.05622 26.3933 7.00488 26.8975L7 27V45.674C7 46.2263 7.44772 46.674 8 46.674V47.674C6.89543 47.674 6 46.7786 6 45.674V27C6 25.8954 6.89543 25 8 25H54.3867C55.4913 25 56.3867 25.8954 56.3867 27V45.674C56.3867 46.7786 55.4913 47.674 54.3867 47.674V46.674C54.939 46.674 55.3867 46.2263 55.3867 45.674Z" fill="white"/>
+<rect x="9.14917" y="28.2393" width="15.7459" height="16.1957" rx="1" fill="#9CCDE4"/>
+<path d="M17.0221 32.2474H14.1943L12.2983 34.7849L13.3791 36.2164H14.0216V40.9931H20.0151V36.2164H20.6673L21.7459 34.7849L19.8499 32.2474H17.0221Z" fill="#E89849"/>
+<path d="M19.8501 31.9974L19.9077 32.0043C19.9641 32.0177 20.0148 32.0506 20.0503 32.098L21.9458 34.6351C22.0123 34.7242 22.0128 34.8471 21.9458 34.9359L20.8647 36.3676C20.8176 36.43 20.7437 36.467 20.6655 36.4672H20.0132C19.8752 36.4672 19.7633 36.3551 19.7632 36.2172C19.7632 36.0791 19.8751 35.9672 20.0132 35.9672H20.5395L21.4321 34.7836L19.7251 32.4974H14.3198L12.6108 34.7845L13.5014 35.9672H14.019L14.0698 35.972C14.1836 35.9954 14.269 36.0964 14.269 36.2172C14.2689 36.3377 14.1835 36.4379 14.0698 36.4613L14.019 36.4672H13.3764C13.2982 36.467 13.2244 36.43 13.1772 36.3676L12.0991 34.9349C12.0322 34.8462 12.0316 34.7242 12.0981 34.6351L13.9936 32.098C14.0407 32.035 14.1151 31.9976 14.1938 31.9974H19.8501Z" fill="#89440B"/>
+<path d="M13.7693 34.2058C13.7693 34.0677 13.8812 33.9558 14.0193 33.9558C14.1574 33.9558 14.2693 34.0677 14.2693 34.2058V40.7439H19.7625V35.407C19.7625 35.269 19.8745 35.1572 20.0125 35.157C20.1505 35.157 20.2625 35.2689 20.2625 35.407V40.9939C20.2623 41.1318 20.1504 41.2439 20.0125 41.2439H14.0193C13.8813 41.2439 13.7694 41.1318 13.7693 40.9939V34.2058Z" fill="#89440B"/>
+<path d="M18.2262 32.6578C18.2679 32.5262 18.4091 32.4531 18.5407 32.4947C18.672 32.5366 18.7443 32.6768 18.7028 32.8082C18.5983 33.138 18.4039 33.4311 18.1413 33.652C17.8785 33.8729 17.5583 34.0122 17.2194 34.0524C16.8807 34.0924 16.5385 34.0316 16.2331 33.8776C15.9656 33.7427 15.7363 33.5421 15.5661 33.2945L15.4967 33.1862L15.4762 33.1403C15.4383 33.0302 15.4814 32.9047 15.5856 32.8434C15.6897 32.7821 15.8202 32.805 15.8981 32.8912L15.9284 32.9322L16.0338 33.0856C16.1495 33.2306 16.2938 33.3486 16.4577 33.4313C16.676 33.5414 16.92 33.5848 17.1608 33.5563C17.4017 33.5277 17.631 33.4281 17.82 33.2692C18.0087 33.1103 18.15 32.8983 18.2262 32.6578Z" fill="#89440B"/>
+<path d="M20.0129 38.8828L20.0627 38.8876C20.1769 38.9108 20.2629 39.0118 20.2629 39.1328C20.2629 39.2537 20.1769 39.3547 20.0627 39.3779L20.0129 39.3828H19.0813C18.9432 39.3828 18.8313 39.2708 18.8313 39.1328C18.8313 38.9947 18.9432 38.8828 19.0813 38.8828H20.0129Z" fill="#89440B"/>
+<path d="M20.0129 39.515C20.151 39.515 20.2629 39.6269 20.2629 39.765C20.2629 39.9031 20.151 40.015 20.0129 40.015H17.72C17.5819 40.015 17.47 39.9031 17.47 39.765C17.47 39.6269 17.5819 39.515 17.72 39.515H20.0129Z" fill="#89440B"/>
+<rect x="31.1934" y="34.7175" width="18.895" height="3.23915" fill="#D6D6D6"/>
+<path d="M113.591 46.674V47.674H67.2046V46.674H113.591ZM114.591 45.674V27C114.591 26.4477 114.144 26 113.591 26H67.2046C66.6869 26 66.2608 26.3933 66.2095 26.8975L66.2046 27V45.674C66.2046 46.2263 66.6523 46.674 67.2046 46.674V47.674C66.1 47.674 65.2046 46.7786 65.2046 45.674V27C65.2046 25.8954 66.1 25 67.2046 25H113.591C114.696 25 115.591 25.8954 115.591 27V45.674C115.591 46.7786 114.696 47.674 113.591 47.674V46.674C114.144 46.674 114.591 46.2263 114.591 45.674Z" fill="white"/>
+<rect x="68.3538" y="28.2393" width="15.7459" height="16.1957" rx="1" fill="#9CCDE4"/>
+<path d="M77.8704 38.1379H75.8792V41.1279H77.8704V38.1379Z" fill="#E89849"/>
+<path d="M77.8704 37.8879C78.0084 37.8879 78.1204 37.9998 78.1204 38.1379V41.1281C78.1202 41.2661 78.0084 41.3781 77.8704 41.3781H75.8792C75.7412 41.3781 75.6293 41.2661 75.6292 41.1281V38.1379C75.6292 37.9998 75.7411 37.8879 75.8792 37.8879H77.8704ZM76.1292 40.8781H77.6204V38.3879H76.1292V40.8781Z" fill="#89440B"/>
+<path d="M77.8704 31.5463H75.8792V34.5363H77.8704V31.5463Z" fill="#E89849"/>
+<path d="M77.8704 31.2963C78.0084 31.2963 78.1204 31.4082 78.1204 31.5463V34.5365C78.1202 34.6745 78.0084 34.7865 77.8704 34.7865H75.8792C75.7412 34.7865 75.6293 34.6745 75.6292 34.5365V31.5463C75.6292 31.4082 75.7411 31.2963 75.8792 31.2963H77.8704ZM76.1292 34.2865H77.6204V31.7963H76.1292V34.2865Z" fill="#89440B"/>
+<path d="M79.122 36.4347C79.1219 36.8798 78.9899 37.3149 78.7425 37.685C78.4952 38.055 78.1437 38.3435 77.7324 38.5138C77.3212 38.6841 76.8687 38.7286 76.4321 38.6417C75.9956 38.5549 75.5946 38.3405 75.2798 38.0258C74.9651 37.711 74.7507 37.31 74.6639 36.8735C74.577 36.4369 74.6216 35.9844 74.7919 35.5732C74.9621 35.1619 75.2506 34.8104 75.6206 34.5631C75.9907 34.3157 76.4258 34.1837 76.8709 34.1836C77.4679 34.1836 78.0405 34.4208 78.4627 34.8429C78.8848 35.2651 79.122 35.8377 79.122 36.4347Z" fill="#E89849"/>
+<path d="M78.8716 36.4346C78.8716 35.9039 78.661 35.3948 78.2857 35.0195C77.9104 34.6444 77.4013 34.4336 76.8707 34.4336C76.4751 34.4337 76.0882 34.5507 75.7593 34.7705C75.4304 34.9904 75.1744 35.3034 75.023 35.6689C74.8717 36.0343 74.8317 36.4363 74.9088 36.8242C74.9859 37.2122 75.1769 37.5689 75.4566 37.8486C75.7364 38.1284 76.093 38.3193 76.481 38.3965C76.8691 38.4737 77.2717 38.4346 77.6373 38.2832C78.0027 38.1318 78.3149 37.8748 78.5347 37.5459C78.7546 37.217 78.8716 36.8302 78.8716 36.4346ZM79.3716 36.4346C79.3715 36.9291 79.2256 37.4131 78.9507 37.8242C78.6759 38.2353 78.2846 38.5559 77.8277 38.7451C77.3709 38.9342 76.8682 38.9832 76.3834 38.8867C75.8983 38.7902 75.4528 38.5518 75.1031 38.2021C74.7535 37.8525 74.515 37.4068 74.4185 36.9219C74.3221 36.437 74.3719 35.9343 74.5611 35.4775C74.7503 35.0206 75.0708 34.6303 75.482 34.3555C75.8931 34.0807 76.3762 33.9337 76.8707 33.9336C77.5339 33.9336 78.1702 34.1971 78.6392 34.666C79.1082 35.135 79.3716 35.7713 79.3716 36.4346Z" fill="#89440B"/>
+<path d="M76.6208 36.4351V35.0991C76.6208 34.961 76.7328 34.8491 76.8708 34.8491C77.0089 34.8491 77.1208 34.961 77.1208 35.0991V36.4351C77.1208 36.5731 77.0089 36.6851 76.8708 36.6851C76.7328 36.6851 76.6208 36.5731 76.6208 36.4351Z" fill="#89440B"/>
+<path d="M77.5555 35.6744C77.6702 35.5979 77.8254 35.6291 77.9022 35.7437C77.9786 35.8584 77.9474 36.0137 77.8328 36.0904L77.0096 36.6412C76.8949 36.7178 76.7397 36.6875 76.6629 36.5728C76.5861 36.4581 76.6175 36.303 76.7322 36.2262L77.5555 35.6744Z" fill="#89440B"/>
+<rect x="90.3979" y="34.7175" width="18.895" height="3.23915" fill="#D6D6D6"/>
+<path d="M172.795 46.674V47.674H126.409V46.674H172.795ZM173.795 45.674V27C173.795 26.4477 173.348 26 172.795 26H126.409C125.891 26 125.465 26.3933 125.414 26.8975L125.409 27V45.674C125.409 46.2263 125.856 46.674 126.409 46.674V47.674C125.304 47.674 124.409 46.7786 124.409 45.674V27C124.409 25.8954 125.304 25 126.409 25H172.795C173.9 25 174.795 25.8954 174.795 27V45.674C174.795 46.7786 173.9 47.674 172.795 47.674V46.674C173.348 46.674 173.795 46.2263 173.795 45.674Z" fill="white"/>
+<rect x="149.602" y="34.7175" width="18.895" height="3.23915" fill="#D6D6D6"/>
+<rect x="127.558" y="28.2393" width="15.7459" height="16.1957" rx="1" fill="#9CCDE4"/>
+<path d="M139.108 41.1957H136.589L135.695 34.3693L134.8 41.1957H132.282V31.4783H139.108V41.1957Z" fill="#E89849"/>
+<path d="M139.109 31.2283C139.247 31.2285 139.359 31.3403 139.359 31.4783V41.196C139.359 41.3338 139.247 41.4458 139.109 41.446H136.588C136.463 41.446 136.357 41.3526 136.34 41.2283L135.694 36.2957L135.048 41.2283C135.032 41.3527 134.926 41.446 134.8 41.446H132.282C132.144 41.446 132.032 41.334 132.032 41.196V31.4783C132.032 31.3402 132.144 31.2283 132.282 31.2283H139.109ZM132.532 40.946H134.581L135.447 34.3367L135.457 34.2917C135.489 34.1905 135.585 34.1189 135.695 34.1189C135.82 34.119 135.927 34.2124 135.943 34.3367L136.808 40.946H138.859V31.7283H132.532V40.946Z" fill="#89440B"/>
+<path d="M134.46 33.0626C134.598 33.0629 134.71 33.1747 134.71 33.3126V34.8282C134.71 34.9286 134.649 35.0196 134.557 35.0587L133.479 35.5148C133.415 35.5418 133.342 35.5411 133.279 35.5128L132.18 35.0216C132.054 34.9653 131.997 34.8176 132.053 34.6915C132.102 34.5813 132.222 34.5239 132.335 34.549L132.383 34.5656L133.383 35.0118L134.21 34.6622V33.5626H133.211C133.073 33.5626 132.961 33.4507 132.961 33.3126C132.961 33.1746 133.073 33.0626 133.211 33.0626H134.46Z" fill="#89440B"/>
+<path d="M139.089 33.0626C139.227 33.0626 139.339 33.1746 139.339 33.3126C139.339 33.4507 139.227 33.5626 139.089 33.5626H137.161V34.6622L138.087 35.0548C138.214 35.1087 138.274 35.2558 138.22 35.3829C138.173 35.494 138.055 35.5535 137.941 35.5304L137.893 35.5148L136.814 35.0587C136.721 35.0196 136.661 34.9286 136.661 34.8282V33.3126L136.666 33.2618C136.69 33.1481 136.791 33.0626 136.911 33.0626H139.089Z" fill="#89440B"/>
+<path d="M232 46.674V47.674H185.613V46.674H232ZM233 45.674V27C233 26.4477 232.552 26 232 26H185.613C185.096 26 184.669 26.3933 184.618 26.8975L184.613 27V45.674C184.613 46.2263 185.061 46.674 185.613 46.674V47.674C184.509 47.674 183.613 46.7786 183.613 45.674V27C183.613 25.8954 184.509 25 185.613 25H232C233.105 25 234 25.8954 234 27V45.674C234 46.7786 233.105 47.674 232 47.674V46.674C232.552 46.674 233 46.2263 233 45.674Z" fill="white"/>
+<rect x="186.762" y="28.2393" width="15.7459" height="16.1957" rx="1" fill="#9CCDE4"/>
+<rect x="208.806" y="34.7175" width="18.895" height="3.23915" fill="#D6D6D6"/>
+<path d="M194.636 31.4783H191.808L189.912 34.2976L190.993 35.8882H191.635V41.1955H197.629V35.8882H198.281L199.359 34.2976L197.463 31.4783H194.636Z" fill="#E89849"/>
+<path d="M197.464 31.2283L197.524 31.2361C197.583 31.2509 197.636 31.2869 197.671 31.3386L199.567 34.158C199.624 34.2427 199.624 34.3538 199.566 34.4382L198.485 36.0291C198.439 36.0974 198.362 36.1383 198.279 36.1384H197.627C197.489 36.1384 197.377 36.0265 197.377 35.8884C197.377 35.7504 197.489 35.6384 197.627 35.6384H198.146L199.057 34.2957L197.33 31.7283H191.941L190.213 34.2966L191.122 35.6384H191.633C191.771 35.6384 191.883 35.7504 191.883 35.8884C191.883 36.0265 191.771 36.1384 191.633 36.1384H190.99C190.907 36.1383 190.83 36.0974 190.784 36.0291L189.705 34.4382C189.648 34.3538 189.648 34.2426 189.705 34.158L191.6 31.3386L191.64 31.2927C191.686 31.2518 191.745 31.2284 191.807 31.2283H197.464Z" fill="#89440B"/>
+<path d="M191.383 33.6538C191.383 33.5157 191.495 33.4038 191.633 33.4038C191.771 33.4038 191.883 33.5157 191.883 33.6538V40.9458H197.376V34.9878C197.376 34.8499 197.488 34.738 197.626 34.7378C197.764 34.7378 197.876 34.8498 197.876 34.9878V41.1958C197.876 41.3338 197.764 41.4458 197.626 41.4458H191.633C191.495 41.4458 191.383 41.3338 191.383 41.1958V33.6538Z" fill="#89440B"/>
+<path d="M196.146 31.7776C196.279 31.8155 196.356 31.9534 196.318 32.0862C196.216 32.4439 196.026 32.7649 195.764 33.0091C195.503 33.2535 195.181 33.4109 194.837 33.4563C194.492 33.5017 194.144 33.4323 193.837 33.26C193.568 33.1095 193.341 32.8869 193.174 32.6165L193.105 32.4973L193.086 32.4505C193.053 32.3389 193.102 32.2161 193.209 32.1594C193.331 32.0949 193.482 32.1411 193.547 32.263C193.677 32.509 193.864 32.702 194.081 32.8235C194.297 32.9447 194.536 32.9911 194.771 32.9602C195.006 32.9293 195.233 32.8213 195.423 32.6438C195.613 32.4659 195.759 32.2258 195.838 31.9495C195.875 31.8168 196.014 31.74 196.146 31.7776Z" fill="#89440B"/>
+<path d="M197.626 38.8797L197.676 38.8846C197.79 38.9077 197.876 39.0087 197.876 39.1297C197.876 39.2507 197.79 39.3517 197.676 39.3748L197.626 39.3797H196.695C196.557 39.3797 196.445 39.2678 196.445 39.1297C196.445 38.9916 196.557 38.8797 196.695 38.8797H197.626Z" fill="#89440B"/>
+<path d="M197.626 39.5809C197.764 39.5809 197.876 39.6929 197.876 39.8309C197.876 39.969 197.764 40.0809 197.626 40.0809H195.333C195.195 40.0809 195.083 39.969 195.083 39.8309C195.083 39.6929 195.195 39.5809 195.333 39.5809H197.626Z" fill="#89440B"/>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/filmstrips/default.svg

@@ -0,0 +1,38 @@
+<svg width="240" height="72" viewBox="0 0 240 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="6" y="25" width="50.3867" height="22.674" rx="2" fill="white"/>
+<rect x="9.14917" y="28.2392" width="15.7459" height="16.1957" rx="1" fill="#9CCDE4"/>
+<path d="M17.0221 32.2473H14.1943L12.2983 34.7847L13.3791 36.2163H14.0216V40.993H20.0151V36.2163H20.6673L21.7458 34.7847L19.8499 32.2473H17.0221Z" fill="#E89849"/>
+<path d="M19.8501 31.9973L19.9077 32.0042C19.9641 32.0176 20.0148 32.0505 20.0503 32.0979L21.9458 34.635C22.0123 34.7241 22.0128 34.847 21.9458 34.9358L20.8647 36.3674C20.8176 36.4299 20.7437 36.4669 20.6655 36.467H20.0132C19.8752 36.467 19.7633 36.355 19.7632 36.217C19.7632 36.079 19.8751 35.967 20.0132 35.967H20.5395L21.4321 34.7834L19.7251 32.4973H14.3198L12.6108 34.7844L13.5014 35.967H14.019L14.0698 35.9719C14.1836 35.9953 14.269 36.0963 14.269 36.217C14.2688 36.3376 14.1835 36.4378 14.0698 36.4612L14.019 36.467H13.3764C13.2982 36.4669 13.2244 36.4299 13.1772 36.3674L12.0991 34.9348C12.0322 34.846 12.0316 34.724 12.0981 34.635L13.9936 32.0979C14.0407 32.0348 14.1151 31.9974 14.1938 31.9973H19.8501Z" fill="#89440B"/>
+<path d="M13.7693 34.2057C13.7693 34.0677 13.8812 33.9557 14.0193 33.9557C14.1574 33.9557 14.2693 34.0677 14.2693 34.2057V40.7438H19.7625V35.4069C19.7625 35.269 19.8745 35.1571 20.0125 35.1569C20.1505 35.1569 20.2625 35.2689 20.2625 35.4069V40.9938C20.2623 41.1318 20.1504 41.2438 20.0125 41.2438H14.0193C13.8813 41.2438 13.7694 41.1318 13.7693 40.9938V34.2057Z" fill="#89440B"/>
+<path d="M18.2262 32.6578C18.2679 32.5261 18.4091 32.453 18.5407 32.4947C18.672 32.5365 18.7443 32.6767 18.7028 32.8082C18.5983 33.1379 18.4039 33.431 18.1413 33.6519C17.8785 33.8729 17.5583 34.0121 17.2194 34.0523C16.8807 34.0924 16.5385 34.0315 16.2331 33.8775C15.9656 33.7426 15.7363 33.542 15.5661 33.2945L15.4967 33.1861L15.4762 33.1402C15.4383 33.0301 15.4814 32.9047 15.5856 32.8433C15.6897 32.7821 15.8202 32.8049 15.8981 32.8912L15.9284 32.9322L16.0338 33.0855C16.1495 33.2305 16.2938 33.3485 16.4577 33.4312C16.676 33.5413 16.92 33.5847 17.1608 33.5562C17.4017 33.5277 17.631 33.428 17.82 33.2691C18.0087 33.1102 18.15 32.8983 18.2262 32.6578Z" fill="#89440B"/>
+<path d="M20.0129 38.8828L20.0627 38.8876C20.1769 38.9108 20.2629 39.0118 20.2629 39.1328C20.2629 39.2537 20.1769 39.3547 20.0627 39.3779L20.0129 39.3828H19.0813C18.9432 39.3828 18.8313 39.2708 18.8313 39.1328C18.8313 38.9947 18.9432 38.8828 19.0813 38.8828H20.0129Z" fill="#89440B"/>
+<path d="M20.0129 39.515C20.151 39.515 20.2629 39.6269 20.2629 39.765C20.2629 39.903 20.151 40.015 20.0129 40.015H17.72C17.5819 40.015 17.47 39.903 17.47 39.765C17.47 39.6269 17.5819 39.515 17.72 39.515H20.0129Z" fill="#89440B"/>
+<rect x="31.1934" y="34.7175" width="18.895" height="3.23915" fill="#595959"/>
+<rect x="65.2043" y="25" width="50.3867" height="22.674" rx="2" fill="white"/>
+<rect x="68.3535" y="28.2392" width="15.7459" height="16.1957" rx="1" fill="#9CCDE4"/>
+<path d="M77.8704 38.1378H75.8792V41.1278H77.8704V38.1378Z" fill="#E89849"/>
+<path d="M77.8704 37.8878C78.0084 37.8878 78.1204 37.9997 78.1204 38.1378V41.1281C78.1202 41.266 78.0084 41.3781 77.8704 41.3781H75.8792C75.7412 41.3781 75.6293 41.266 75.6292 41.1281V38.1378C75.6292 37.9997 75.7411 37.8878 75.8792 37.8878H77.8704ZM76.1292 40.8781H77.6204V38.3878H76.1292V40.8781Z" fill="#89440B"/>
+<path d="M77.8704 31.5461H75.8792V34.5362H77.8704V31.5461Z" fill="#E89849"/>
+<path d="M77.8704 31.2961C78.0084 31.2961 78.1204 31.4081 78.1204 31.5461V34.5364C78.1202 34.6744 78.0084 34.7864 77.8704 34.7864H75.8792C75.7412 34.7864 75.6293 34.6744 75.6292 34.5364V31.5461C75.6292 31.4081 75.7411 31.2961 75.8792 31.2961H77.8704ZM76.1292 34.2864H77.6204V31.7961H76.1292V34.2864Z" fill="#89440B"/>
+<path d="M79.122 36.4347C79.1219 36.8798 78.9899 37.3149 78.7425 37.685C78.4952 38.055 78.1437 38.3435 77.7324 38.5138C77.3212 38.6841 76.8687 38.7286 76.4321 38.6417C75.9956 38.5549 75.5946 38.3405 75.2798 38.0258C74.9651 37.711 74.7507 37.31 74.6639 36.8735C74.577 36.4369 74.6216 35.9844 74.7919 35.5732C74.9621 35.1619 75.2506 34.8104 75.6206 34.5631C75.9907 34.3157 76.4258 34.1837 76.8709 34.1836C77.4679 34.1836 78.0405 34.4208 78.4627 34.8429C78.8848 35.2651 79.122 35.8377 79.122 36.4347Z" fill="#E89849"/>
+<path d="M78.8716 36.4346C78.8716 35.9039 78.661 35.3948 78.2857 35.0195C77.9104 34.6444 77.4013 34.4336 76.8707 34.4336C76.4751 34.4337 76.0882 34.5507 75.7593 34.7705C75.4304 34.9904 75.1744 35.3034 75.023 35.6689C74.8717 36.0343 74.8317 36.4363 74.9088 36.8242C74.9859 37.2122 75.1769 37.5689 75.4566 37.8486C75.7364 38.1284 76.093 38.3193 76.481 38.3965C76.8691 38.4737 77.2717 38.4346 77.6373 38.2832C78.0027 38.1318 78.3149 37.8748 78.5347 37.5459C78.7546 37.217 78.8716 36.8302 78.8716 36.4346ZM79.3716 36.4346C79.3716 36.9291 79.2256 37.4131 78.9507 37.8242C78.6759 38.2353 78.2846 38.5559 77.8277 38.7451C77.3709 38.9342 76.8682 38.9832 76.3834 38.8867C75.8983 38.7902 75.4528 38.5518 75.1031 38.2021C74.7535 37.8525 74.515 37.4068 74.4185 36.9219C74.3221 36.437 74.3719 35.9343 74.5611 35.4775C74.7503 35.0206 75.0708 34.6303 75.482 34.3555C75.8931 34.0807 76.3762 33.9337 76.8707 33.9336C77.5339 33.9336 78.1702 34.1971 78.6392 34.666C79.1082 35.135 79.3716 35.7713 79.3716 36.4346Z" fill="#89440B"/>
+<path d="M76.6208 36.435V35.0991C76.6208 34.961 76.7328 34.8491 76.8708 34.8491C77.0089 34.8491 77.1208 34.961 77.1208 35.0991V36.435C77.1208 36.5731 77.0089 36.685 76.8708 36.685C76.7328 36.685 76.6208 36.5731 76.6208 36.435Z" fill="#89440B"/>
+<path d="M77.5555 35.6743C77.6702 35.5979 77.8254 35.6291 77.9022 35.7437C77.9786 35.8584 77.9474 36.0136 77.8328 36.0904L77.0096 36.6411C76.8949 36.7178 76.7397 36.6874 76.6629 36.5728C76.5861 36.4581 76.6175 36.3029 76.7322 36.2261L77.5555 35.6743Z" fill="#89440B"/>
+<rect x="90.3977" y="34.7175" width="18.895" height="3.23915" fill="#595959"/>
+<rect x="124.409" y="25" width="50.3867" height="22.674" rx="2" fill="white"/>
+<rect x="149.602" y="34.7175" width="18.895" height="3.23915" fill="#595959"/>
+<rect x="127.558" y="28.2392" width="15.7459" height="16.1957" rx="1" fill="#9CCDE4"/>
+<path d="M139.108 41.1956H136.589L135.695 34.3693L134.8 41.1956H132.282V31.4782H139.108V41.1956Z" fill="#E89849"/>
+<path d="M139.109 31.2282C139.247 31.2284 139.359 31.3403 139.359 31.4782V41.196C139.359 41.3338 139.247 41.4458 139.109 41.446H136.588C136.463 41.4459 136.357 41.3526 136.34 41.2282L135.694 36.2956L135.048 41.2282C135.032 41.3526 134.926 41.4459 134.8 41.446H132.282C132.144 41.446 132.032 41.3339 132.032 41.196V31.4782C132.032 31.3401 132.144 31.2282 132.282 31.2282H139.109ZM132.532 40.946H134.581L135.447 34.3366L135.457 34.2917C135.489 34.1904 135.585 34.1188 135.695 34.1188C135.82 34.1189 135.927 34.2123 135.943 34.3366L136.808 40.946H138.859V31.7282H132.532V40.946Z" fill="#89440B"/>
+<path d="M134.46 33.0626L134.51 33.0674C134.624 33.0907 134.71 33.1917 134.71 33.3126V34.8282C134.71 34.9285 134.649 35.0195 134.557 35.0587L133.479 35.5147C133.415 35.5418 133.342 35.5411 133.279 35.5128L132.18 35.0215C132.054 34.9652 131.997 34.8175 132.053 34.6915C132.102 34.5813 132.222 34.5239 132.335 34.5489L132.383 34.5655L133.383 35.0118L134.21 34.6622V33.5626H133.211C133.073 33.5626 132.961 33.4506 132.961 33.3126C132.961 33.1745 133.073 33.0626 133.211 33.0626H134.46Z" fill="#89440B"/>
+<path d="M139.089 33.0626C139.227 33.0626 139.339 33.1745 139.339 33.3126C139.339 33.4506 139.227 33.5626 139.089 33.5626H137.161V34.6622L138.087 35.0547C138.214 35.1086 138.274 35.2557 138.22 35.3829C138.173 35.4939 138.055 35.5534 137.941 35.5303L137.893 35.5147L136.814 35.0587C136.721 35.0195 136.661 34.9285 136.661 34.8282V33.3126C136.661 33.1745 136.773 33.0626 136.911 33.0626H139.089Z" fill="#89440B"/>
+<rect x="183.613" y="25" width="50.3867" height="22.674" rx="2" fill="white"/>
+<rect x="186.762" y="28.2392" width="15.7459" height="16.1957" rx="1" fill="#9CCDE4"/>
+<rect x="208.806" y="34.7175" width="18.895" height="3.23915" fill="#595959"/>
+<path d="M194.635 31.4782H191.808L189.912 34.2975L190.992 35.8881H191.635V41.1955H197.628V35.8881H198.281L199.359 34.2975L197.463 31.4782H194.635Z" fill="#E89849"/>
+<path d="M197.463 31.2282L197.524 31.236C197.583 31.2509 197.636 31.2868 197.67 31.3386L199.567 34.1579C199.624 34.2426 199.623 34.3538 199.566 34.4382L198.485 36.029C198.438 36.0973 198.361 36.1382 198.279 36.1384H197.627C197.488 36.1384 197.377 36.0264 197.377 35.8884C197.377 35.7504 197.489 35.6384 197.627 35.6384H198.146L199.057 34.2956L197.33 31.7282H191.941L190.212 34.2966L191.122 35.6384H191.632C191.77 35.6384 191.882 35.7504 191.882 35.8884C191.882 36.0264 191.77 36.1384 191.632 36.1384H190.99C190.907 36.1382 190.83 36.0973 190.784 36.029L189.705 34.4382C189.647 34.3537 189.648 34.2425 189.705 34.1579L191.6 31.3386L191.64 31.2927C191.686 31.2518 191.745 31.2283 191.807 31.2282H197.463Z" fill="#89440B"/>
+<path d="M191.383 33.6537C191.383 33.5156 191.494 33.4037 191.633 33.4037C191.771 33.4037 191.883 33.5156 191.883 33.6537V40.9457H197.376V34.9877C197.376 34.8498 197.488 34.7379 197.626 34.7377C197.764 34.7377 197.876 34.8496 197.876 34.9877V41.1957C197.876 41.3337 197.764 41.4457 197.626 41.4457H191.633C191.495 41.4457 191.383 41.3337 191.383 41.1957V33.6537Z" fill="#89440B"/>
+<path d="M196.146 31.7775C196.279 31.8154 196.356 31.9534 196.318 32.0861C196.216 32.4438 196.025 32.7649 195.764 33.009C195.503 33.2534 195.181 33.4109 194.836 33.4563C194.492 33.5017 194.144 33.4323 193.836 33.26C193.568 33.1095 193.341 32.8869 193.173 32.6164L193.105 32.4973L193.085 32.4504C193.053 32.3389 193.102 32.216 193.209 32.1594C193.33 32.0948 193.482 32.1411 193.546 32.2629C193.677 32.509 193.864 32.7019 194.081 32.8234C194.297 32.9447 194.536 32.9911 194.771 32.9602C195.006 32.9292 195.232 32.8213 195.422 32.6438C195.613 32.4658 195.759 32.2257 195.837 31.9494C195.875 31.8168 196.013 31.74 196.146 31.7775Z" fill="#89440B"/>
+<path d="M197.626 38.8796L197.676 38.8845C197.79 38.9076 197.876 39.0087 197.876 39.1296C197.876 39.2506 197.79 39.3516 197.676 39.3748L197.626 39.3796H196.694C196.556 39.3796 196.444 39.2677 196.444 39.1296C196.444 38.9916 196.556 38.8796 196.694 38.8796H197.626Z" fill="#89440B"/>
+<path d="M197.626 39.5809C197.764 39.5809 197.876 39.6928 197.876 39.8309C197.876 39.9689 197.764 40.0809 197.626 40.0809H195.333C195.195 40.0809 195.083 39.9689 195.083 39.8309C195.083 39.6928 195.195 39.5809 195.333 39.5809H197.626Z" fill="#89440B"/>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/filmstrips/grid.svg

@@ -0,0 +1,39 @@
+<svg width="240" height="72" viewBox="0 0 240 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 9H234V10H6V9Z" fill="#ADB5BD"/>
+<path d="M6 64H234V65H6V64Z" fill="#ADB5BD"/>
+<path d="M65 9H66V64H65V9Z" fill="#ADB5BD"/>
+<path d="M122 9H123V64H122V9Z" fill="#ADB5BD"/>
+<path d="M179 9H180V64H179V9Z" fill="#ADB5BD"/>
+<rect x="20.3572" y="19.6306" width="28.7138" height="22.971" rx="1" fill="#9CCDE4"/>
+<rect x="20.3572" y="49.9596" width="28.7138" height="3.58922" fill="#D6D6D6"/>
+<rect x="77.7847" y="19.6306" width="28.7138" height="22.971" rx="1" fill="#9CCDE4"/>
+<rect x="77.7847" y="49.9596" width="28.7138" height="3.58922" fill="#D6D6D6"/>
+<rect x="135.212" y="19.6306" width="28.7138" height="22.971" rx="1" fill="#9CCDE4"/>
+<rect x="135.212" y="49.9596" width="28.7138" height="3.58922" fill="#D6D6D6"/>
+<rect x="192.639" y="19.6306" width="28.7138" height="22.971" rx="1" fill="#9CCDE4"/>
+<rect x="192.639" y="49.9596" width="28.7138" height="3.58922" fill="#D6D6D6"/>
+<path d="M34.1657 23.4891H29.5402L26.439 27.5243L28.2068 29.8009H29.2577V37.3972H39.0614V29.8009H40.1283L41.8925 27.5243L38.7913 23.4891H34.1657Z" fill="#E89849"/>
+<path d="M38.7916 23.2391L38.8482 23.2459C38.9039 23.2589 38.9543 23.2905 38.9898 23.3367L42.0904 27.3719C42.1597 27.462 42.16 27.5877 42.0904 27.6775L40.3219 29.9549C40.2745 30.0158 40.2017 30.0516 40.1246 30.0516H39.0582C38.9201 30.0516 38.8082 29.9396 38.8082 29.8016C38.8082 29.6635 38.9201 29.5516 39.0582 29.5516H40.0025L41.5758 27.5232L38.6685 23.7391H29.6636L26.7545 27.5232L28.3258 29.5516H29.2545L29.3043 29.5564C29.4183 29.5797 29.5045 29.6807 29.5045 29.8016C29.5044 29.9224 29.4183 30.0234 29.3043 30.0467L29.2545 30.0516H28.2037C28.1264 30.0516 28.0528 30.0159 28.0054 29.9549L26.2418 27.6775C26.1722 27.5877 26.1715 27.462 26.2408 27.3719L29.3424 23.3367L29.3824 23.2957C29.4266 23.2596 29.4824 23.2391 29.5406 23.2391H38.7916Z" fill="#89440B"/>
+<path d="M29.0039 26.6028C29.0039 26.4648 29.1158 26.3528 29.2539 26.3528C29.392 26.3528 29.5039 26.4648 29.5039 26.6028V37.1478H38.8076V28.512C38.8078 28.3741 38.9196 28.262 39.0576 28.262C39.1956 28.262 39.3075 28.3741 39.3076 28.512V37.3978C39.3074 37.5357 39.1956 37.6478 39.0576 37.6478H29.2539C29.1159 37.6478 29.0041 37.5357 29.0039 37.3978V26.6028Z" fill="#89440B"/>
+<path d="M36.2882 24.1834C36.331 24.0521 36.4714 23.9805 36.6027 24.0232C36.7339 24.066 36.8055 24.2064 36.7629 24.3377C36.6002 24.837 36.2983 25.2797 35.8918 25.6121C35.4852 25.9444 34.9915 26.1525 34.4699 26.2127C33.9482 26.2728 33.4199 26.1821 32.9484 25.951C32.5358 25.7486 32.1814 25.4464 31.9171 25.073L31.8097 24.909L31.7882 24.8631C31.7491 24.7536 31.7905 24.6279 31.8937 24.5652C31.9971 24.5026 32.1283 24.5237 32.2072 24.6092L32.2375 24.6502L32.3254 24.784C32.5414 25.0892 32.8309 25.3363 33.1681 25.5017C33.5536 25.6908 33.9857 25.7657 34.4123 25.7166C34.8388 25.6674 35.2429 25.4962 35.5754 25.2244C35.9076 24.9527 36.1553 24.5914 36.2882 24.1834Z" fill="#89440B"/>
+<path d="M39.0566 34.1885C39.1947 34.1885 39.3066 34.3004 39.3066 34.4385C39.3066 34.5766 39.1947 34.6885 39.0566 34.6885H37.5332C37.3951 34.6885 37.2832 34.5766 37.2832 34.4385C37.2832 34.3004 37.3951 34.1885 37.5332 34.1885H39.0566Z" fill="#89440B"/>
+<path d="M39.0574 35.1944L39.1072 35.1993C39.2213 35.2224 39.3074 35.3234 39.3074 35.4444C39.3074 35.5654 39.2213 35.6664 39.1072 35.6895L39.0574 35.6944H35.3064C35.1683 35.6944 35.0564 35.5825 35.0564 35.4444C35.0564 35.3063 35.1683 35.1944 35.3064 35.1944H39.0574Z" fill="#89440B"/>
+<path d="M207.545 23.4891H202.919L199.818 27.5243L201.586 29.8009H202.637V37.3972H212.441V29.8009H213.507L215.272 27.5243L212.17 23.4891H207.545Z" fill="#E89849"/>
+<path d="M212.171 23.2391L212.227 23.2459C212.283 23.2589 212.333 23.2905 212.369 23.3367L215.47 27.3719C215.539 27.462 215.539 27.5877 215.47 27.6775L213.701 29.9549C213.654 30.0158 213.581 30.0516 213.504 30.0516H212.437C212.299 30.0516 212.187 29.9396 212.187 29.8016C212.187 29.6635 212.299 29.5516 212.437 29.5516H213.382L214.955 27.5232L212.048 23.7391H203.043L200.134 27.5232L201.705 29.5516H202.634L202.683 29.5564C202.797 29.5797 202.884 29.6807 202.884 29.8016C202.884 29.9224 202.797 30.0234 202.683 30.0467L202.634 30.0516H201.583C201.506 30.0516 201.432 30.0159 201.385 29.9549L199.621 27.6775C199.551 27.5877 199.551 27.462 199.62 27.3719L202.722 23.3367L202.762 23.2957C202.806 23.2596 202.862 23.2391 202.92 23.2391H212.171Z" fill="#89440B"/>
+<path d="M202.383 26.6028C202.383 26.4648 202.495 26.3528 202.633 26.3528C202.771 26.3528 202.883 26.4648 202.883 26.6028V37.1478H212.187V28.512C212.187 28.3741 212.299 28.262 212.437 28.262C212.575 28.262 212.686 28.3741 212.687 28.512V37.3978C212.686 37.5357 212.574 37.6478 212.437 37.6478H202.633C202.495 37.6478 202.383 37.5357 202.383 37.3978V26.6028Z" fill="#89440B"/>
+<path d="M209.668 24.1834C209.71 24.0521 209.851 23.9805 209.982 24.0232C210.113 24.066 210.185 24.2064 210.142 24.3377C209.98 24.837 209.678 25.2797 209.271 25.6121C208.865 25.9444 208.371 26.1525 207.849 26.2127C207.328 26.2728 206.799 26.1821 206.328 25.951C205.915 25.7486 205.561 25.4464 205.297 25.073L205.189 24.909L205.168 24.8631C205.128 24.7536 205.17 24.6279 205.273 24.5652C205.376 24.5026 205.508 24.5237 205.587 24.6092L205.617 24.6502L205.705 24.784C205.921 25.0892 206.21 25.3363 206.548 25.5017C206.933 25.6908 207.365 25.7657 207.792 25.7166C208.218 25.6674 208.622 25.4962 208.955 25.2244C209.287 24.9527 209.535 24.5914 209.668 24.1834Z" fill="#89440B"/>
+<path d="M212.436 34.1885C212.574 34.1885 212.686 34.3004 212.686 34.4385C212.686 34.5766 212.574 34.6885 212.436 34.6885H210.913C210.775 34.6885 210.663 34.5766 210.663 34.4385C210.663 34.3004 210.775 34.1885 210.913 34.1885H212.436Z" fill="#89440B"/>
+<path d="M212.437 35.1944L212.487 35.1993C212.601 35.2224 212.687 35.3234 212.687 35.4444C212.687 35.5654 212.601 35.6664 212.487 35.6895L212.437 35.6944H208.686C208.548 35.6944 208.436 35.5825 208.436 35.4444C208.436 35.3063 208.548 35.1944 208.686 35.1944H212.437Z" fill="#89440B"/>
+<path d="M93.7808 33.6453H90.5771V38.4558H93.7808V33.6453Z" fill="#E89849"/>
+<path d="M93.7812 33.3953C93.9191 33.3955 94.0312 33.5074 94.0312 33.6453V38.4558C94.0312 38.5938 93.9191 38.7056 93.7812 38.7058H90.5771C90.4391 38.7058 90.3271 38.5939 90.3271 38.4558V33.6453C90.3271 33.5072 90.4391 33.3953 90.5771 33.3953H93.7812ZM90.8271 38.2058H93.5312V33.8953H90.8271V38.2058Z" fill="#89440B"/>
+<path d="M93.7808 23.0412H90.5771V27.8518H93.7808V23.0412Z" fill="#E89849"/>
+<path d="M93.7812 22.7912C93.9191 22.7915 94.0312 22.9033 94.0312 23.0412V27.8518C94.0312 27.9897 93.9191 28.1016 93.7812 28.1018H90.5771C90.4391 28.1018 90.3271 27.9899 90.3271 27.8518V23.0412C90.3271 22.9032 90.4391 22.7912 90.5771 22.7912H93.7812ZM90.8271 27.6018H93.5312V23.2912H90.8271V27.6018Z" fill="#89440B"/>
+<path d="M95.7944 30.9043C95.7943 31.6205 95.5818 32.3205 95.1839 32.9159C94.7859 33.5112 94.2204 33.9753 93.5588 34.2492C92.8971 34.5232 92.1691 34.5949 91.4667 34.4551C90.7644 34.3154 90.1192 33.9705 89.6128 33.4642C89.1065 32.9578 88.7616 32.3126 88.6219 31.6103C88.4821 30.9079 88.5538 30.1799 88.8278 29.5182C89.1017 28.8566 89.5658 28.2911 90.1611 27.8931C90.7565 27.4952 91.4565 27.2827 92.1727 27.2826C93.1332 27.2826 94.0544 27.6642 94.7336 28.3434C95.4129 29.0226 95.7944 29.9438 95.7944 30.9043Z" fill="#E89849"/>
+<path d="M95.5445 30.9046C95.5445 30.0104 95.1895 29.1522 94.5572 28.5199C93.9248 27.8876 93.0667 27.5326 92.1724 27.5326C91.5059 27.5328 90.8545 27.7306 90.3003 28.1009C89.7462 28.4713 89.3142 28.9978 89.0591 29.6136C88.8041 30.2296 88.7367 30.908 88.8667 31.5619C88.9969 32.2156 89.3183 32.8161 89.7896 33.2875C90.2609 33.7588 90.8614 34.0802 91.5152 34.2103C92.1691 34.3404 92.8475 34.273 93.4634 34.0179C94.0792 33.7628 94.6057 33.3309 94.9761 32.7767C95.3465 32.2226 95.5443 31.5711 95.5445 30.9046ZM96.0445 30.9046C96.0443 31.6701 95.8175 32.4186 95.3921 33.055C94.9668 33.6914 94.362 34.1869 93.6548 34.4798C92.9475 34.7727 92.1684 34.8499 91.4175 34.7005C90.6668 34.5511 89.9773 34.1822 89.4361 33.641C88.8948 33.0997 88.526 32.4102 88.3765 31.6595C88.2271 30.9087 88.3043 30.1295 88.5972 29.4222C88.8901 28.7151 89.3857 28.1102 90.022 27.6849C90.6584 27.2596 91.4069 27.0328 92.1724 27.0326C93.1993 27.0326 94.1846 27.4403 94.9107 28.1664C95.6368 28.8925 96.0445 29.8778 96.0445 30.9046Z" fill="#89440B"/>
+<path d="M91.9229 30.9053V28.7549C91.9229 28.6168 92.0348 28.5049 92.1729 28.5049C92.3109 28.5049 92.4229 28.6168 92.4229 28.7549V30.9053C92.4226 31.0431 92.3108 31.1553 92.1729 31.1553C92.0349 31.1553 91.9231 31.0431 91.9229 30.9053Z" fill="#89440B"/>
+<path d="M93.3585 29.8094C93.4732 29.7327 93.6284 29.764 93.7052 29.8787C93.7818 29.9934 93.7514 30.1486 93.6368 30.2254L92.3116 31.1121C92.197 31.1886 92.0417 31.1582 91.9649 31.0437C91.8881 30.929 91.9195 30.7729 92.0343 30.6961L93.3585 29.8094Z" fill="#89440B"/>
+<path d="M153.57 38.7433H150.106L148.877 27.7122L147.647 38.7433H144.185V23.0404H153.57V38.7433Z" fill="#E89849"/>
+<path d="M153.571 22.7904C153.708 22.7906 153.821 22.9025 153.821 23.0404V38.7435C153.82 38.8814 153.708 38.9934 153.571 38.9935H150.106C149.978 38.9935 149.872 38.8974 149.858 38.7709L148.876 29.9691L147.896 38.7709C147.882 38.8975 147.774 38.9935 147.647 38.9935H144.185C144.047 38.9935 143.935 38.8815 143.935 38.7435V23.0404C143.935 22.9023 144.047 22.7904 144.185 22.7904H153.571ZM144.435 38.4935H147.423L148.628 27.685L148.638 27.6391C148.669 27.5357 148.766 27.4623 148.877 27.4623C149.004 27.4625 149.111 27.5585 149.125 27.685L150.33 38.4935H153.321V23.2904H144.435V38.4935Z" fill="#89440B"/>
+<path d="M147.18 25.7551L147.23 25.76C147.344 25.7833 147.43 25.8843 147.43 26.0051V28.4544C147.43 28.549 147.376 28.6357 147.291 28.678L145.808 29.4163C145.736 29.4521 145.651 29.4507 145.58 29.4133L144.069 28.6194C143.946 28.5552 143.899 28.4037 143.963 28.2815C144.027 28.1594 144.179 28.1129 144.301 28.177L145.7 28.9114L146.93 28.2991V26.2551H145.463C145.325 26.2551 145.213 26.1432 145.213 26.0051C145.213 25.8671 145.325 25.7551 145.463 25.7551H147.18Z" fill="#89440B"/>
+<path d="M153.544 25.7551L153.594 25.76C153.708 25.7832 153.794 25.8842 153.794 26.0051C153.794 26.1261 153.708 26.2271 153.594 26.2503L153.544 26.2551H150.8V28.2991L152.145 28.969L152.188 28.9954C152.279 29.067 152.311 29.1959 152.257 29.304C152.203 29.4122 152.081 29.4638 151.969 29.4339L151.922 29.4163L150.439 28.678C150.354 28.6358 150.3 28.5491 150.3 28.4544V26.0051C150.3 25.8671 150.412 25.7551 150.55 25.7551H153.544Z" fill="#89440B"/>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/filmstrips/images.svg

@@ -0,0 +1,34 @@
+<svg width="240" height="72" viewBox="0 0 240 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="15" y="14" width="37.8306" height="30.2646" rx="1" fill="#9CCDE4"/>
+<rect x="15" y="53.9586" width="37.8306" height="4.72884" fill="#D6D6D6"/>
+<path d="M33.193 19.0835H27.0988L23.0129 24.3999L25.3421 27.3994H26.7266V37.4076H39.6431V27.3994H41.0488L43.3731 24.3999L39.2872 19.0835H33.193Z" fill="#E89849"/>
+<path d="M39.2874 18.8335L39.3441 18.8403C39.3997 18.8533 39.4501 18.8849 39.4857 18.9311L43.5716 24.2475C43.6408 24.3377 43.6403 24.4634 43.5706 24.5532L41.2415 27.5532C41.1942 27.6141 41.1214 27.6498 41.0443 27.6499H39.638C39.5001 27.6497 39.388 27.5379 39.388 27.3999C39.3882 27.2621 39.5002 27.15 39.638 27.1499H40.9212L43.057 24.3989L39.1644 19.3335H27.222L23.3284 24.3989L25.4593 27.1499H26.722L26.7718 27.1557C26.8858 27.1789 26.9718 27.2791 26.972 27.3999C26.972 27.5208 26.8859 27.6218 26.7718 27.645L26.722 27.6499H25.3372C25.26 27.6499 25.1873 27.6143 25.14 27.5532L22.8157 24.5532C22.7461 24.4634 22.7455 24.3377 22.8148 24.2475L26.9007 18.9311L26.9407 18.8901C26.985 18.854 27.0407 18.8335 27.0989 18.8335H39.2874Z" fill="#89440B"/>
+<path d="M26.4717 23.1858C26.4717 23.0477 26.5836 22.9358 26.7217 22.9358C26.8598 22.9358 26.9717 23.0477 26.9717 23.1858V37.1575H39.3877V25.7014C39.3877 25.5635 39.4999 25.4517 39.6377 25.4514C39.7757 25.4514 39.8877 25.5634 39.8877 25.7014V37.4075C39.8877 37.5455 39.7758 37.6575 39.6377 37.6575H26.7217C26.5836 37.6575 26.4717 37.5455 26.4717 37.4075V23.1858Z" fill="#89440B"/>
+<path d="M36.0642 20.0227C36.1069 19.8915 36.2483 19.8198 36.3796 19.8626C36.5107 19.9054 36.5823 20.0459 36.5397 20.177C36.3302 20.8203 35.9405 21.3904 35.4167 21.8186C34.8929 22.2468 34.2568 22.5156 33.5847 22.593C32.9124 22.6705 32.2313 22.5531 31.6237 22.2552C31.0164 21.9572 30.5072 21.4911 30.1569 20.9124L30.3708 20.7835L30.5847 20.6536C30.8855 21.1506 31.3228 21.5511 31.8444 21.8069C32.366 22.0626 32.95 22.1634 33.527 22.097C34.1042 22.0305 34.6505 21.7996 35.1003 21.4319C35.55 21.0643 35.8842 20.5749 36.0642 20.0227ZM30.2409 20.5696C30.359 20.4981 30.5131 20.5355 30.5847 20.6536L30.1569 20.9124C30.0857 20.7944 30.1232 20.6412 30.2409 20.5696Z" fill="#89440B"/>
+<path d="M39.6379 33.2594L39.6877 33.2643C39.8018 33.2875 39.8879 33.3885 39.8879 33.5094C39.8879 33.6303 39.8018 33.7313 39.6877 33.7545L39.6379 33.7594H37.6301C37.4921 33.7594 37.3801 33.6475 37.3801 33.5094C37.3801 33.3713 37.4921 33.2594 37.6301 33.2594H39.6379Z" fill="#89440B"/>
+<path d="M39.6377 34.5846C39.7758 34.5846 39.8877 34.6966 39.8877 34.8346C39.8877 34.9727 39.7758 35.0846 39.6377 35.0846H34.6963C34.5582 35.0846 34.4463 34.9727 34.4463 34.8346C34.4463 34.6966 34.5582 34.5846 34.6963 34.5846H39.6377Z" fill="#89440B"/>
+<rect x="187.726" y="14" width="37.8306" height="30.2646" rx="1" fill="#9CCDE4"/>
+<rect x="187.726" y="53.9586" width="37.8306" height="4.72884" fill="#D6D6D6"/>
+<path d="M207.364 19.0835H201.27L197.184 24.3999L199.514 27.3994H200.898V37.4076H213.814V27.3994H215.22L217.544 24.3999L213.459 19.0835H207.364Z" fill="#E89849"/>
+<path d="M213.459 18.8335L213.515 18.8403C213.571 18.8533 213.622 18.8849 213.657 18.9311L217.743 24.2475C217.812 24.3377 217.812 24.4634 217.742 24.5532L215.413 27.5532C215.366 27.6141 215.293 27.6498 215.216 27.6499H213.809C213.671 27.6497 213.559 27.5379 213.559 27.3999C213.56 27.2621 213.672 27.15 213.809 27.1499H215.093L217.228 24.3989L213.336 19.3335H201.393L197.5 24.3989L199.631 27.1499H200.893L200.943 27.1557C201.057 27.1789 201.143 27.2791 201.143 27.3999C201.143 27.5208 201.057 27.6218 200.943 27.645L200.893 27.6499H199.509C199.431 27.6499 199.359 27.6143 199.311 27.5532L196.987 24.5532C196.918 24.4634 196.917 24.3377 196.986 24.2475L201.072 18.9311L201.112 18.8901C201.156 18.854 201.212 18.8335 201.27 18.8335H213.459Z" fill="#89440B"/>
+<path d="M200.643 23.1858C200.643 23.0477 200.755 22.9358 200.893 22.9358C201.031 22.9358 201.143 23.0477 201.143 23.1858V37.1575H213.559V25.7014C213.559 25.5635 213.671 25.4517 213.809 25.4514C213.947 25.4514 214.059 25.5634 214.059 25.7014V37.4075C214.059 37.5455 213.947 37.6575 213.809 37.6575H200.893C200.755 37.6575 200.643 37.5455 200.643 37.4075V23.1858Z" fill="#89440B"/>
+<path d="M210.235 20.0227C210.278 19.8915 210.419 19.8198 210.55 19.8626C210.682 19.9054 210.753 20.0459 210.711 20.177C210.501 20.8203 210.111 21.3904 209.588 21.8186C209.064 22.2468 208.428 22.5156 207.756 22.593C207.083 22.6705 206.402 22.5531 205.795 22.2552C205.187 21.9572 204.678 21.4911 204.328 20.9124L204.542 20.7835L204.756 20.6536C205.056 21.1506 205.494 21.5511 206.015 21.8069C206.537 22.0626 207.121 22.1634 207.698 22.097C208.275 22.0305 208.821 21.7996 209.271 21.4319C209.721 21.0643 210.055 20.5749 210.235 20.0227ZM204.412 20.5696C204.53 20.4981 204.684 20.5355 204.756 20.6536L204.328 20.9124C204.257 20.7944 204.294 20.6412 204.412 20.5696Z" fill="#89440B"/>
+<path d="M213.809 33.2594L213.859 33.2643C213.973 33.2875 214.059 33.3885 214.059 33.5094C214.059 33.6303 213.973 33.7313 213.859 33.7545L213.809 33.7594H211.802C211.663 33.7594 211.552 33.6475 211.552 33.5094C211.552 33.3713 211.663 33.2594 211.802 33.2594H213.809Z" fill="#89440B"/>
+<path d="M213.809 34.5846C213.947 34.5846 214.059 34.6966 214.059 34.8346C214.059 34.9727 213.947 35.0846 213.809 35.0846H208.867C208.729 35.0846 208.617 34.9727 208.617 34.8346C208.617 34.6966 208.729 34.5846 208.867 34.5846H213.809Z" fill="#89440B"/>
+<rect x="72.5754" y="14" width="37.8306" height="30.2646" rx="1" fill="#9CCDE4"/>
+<rect x="72.5754" y="53.9586" width="37.8306" height="4.72884" fill="#D6D6D6"/>
+<path d="M93.651 32.4645H89.4302V38.8025H93.651V32.4645Z" fill="#E89849"/>
+<path d="M93.6509 32.2145C93.7889 32.2145 93.9009 32.3264 93.9009 32.4645V38.8024C93.9009 38.9405 93.7889 39.0524 93.6509 39.0524H89.4302C89.2921 39.0524 89.1802 38.9405 89.1802 38.8024V32.4645C89.1802 32.3264 89.2921 32.2145 89.4302 32.2145H93.6509ZM89.6802 38.5524H93.4009V32.7145H89.6802V38.5524Z" fill="#89440B"/>
+<path d="M93.651 18.4934H89.4302V24.8314H93.651V18.4934Z" fill="#E89849"/>
+<path d="M93.6509 18.2434C93.7889 18.2434 93.9009 18.3553 93.9009 18.4934V24.8313C93.9009 24.9694 93.7889 25.0813 93.6509 25.0813H89.4302C89.2921 25.0813 89.1802 24.9694 89.1802 24.8313V18.4934C89.1802 18.3553 89.2921 18.2434 89.4302 18.2434H93.6509ZM89.6802 24.5813H93.4009V18.7434H89.6802V24.5813Z" fill="#89440B"/>
+<path d="M96.3036 28.853C96.3035 29.7965 96.0235 30.7188 95.4992 31.5032C94.9749 32.2876 94.2298 32.899 93.3581 33.26C92.4864 33.621 91.5272 33.7154 90.6018 33.5312C89.6765 33.3471 88.8265 32.8928 88.1593 32.2256C87.4922 31.5585 87.0378 30.7085 86.8537 29.7831C86.6696 28.8577 86.764 27.8985 87.125 27.0268C87.4859 26.1551 88.0973 25.41 88.8817 24.8857C89.6661 24.3614 90.5884 24.0815 91.5319 24.0813C92.7975 24.0813 94.0112 24.584 94.906 25.4789C95.8009 26.3738 96.3036 27.5875 96.3036 28.853Z" fill="#E89849"/>
+<path d="M96.0541 28.8528C96.0541 27.6537 95.5777 26.5034 94.7299 25.6555C93.8819 24.8075 92.7309 24.3313 91.5317 24.3313C90.6378 24.3316 89.7641 24.5973 89.0209 25.094C88.2777 25.5908 87.6979 26.2963 87.3559 27.1223C87.0138 27.9484 86.9246 28.8577 87.099 29.7346C87.2736 30.6114 87.7042 31.4169 88.3364 32.0491C88.9685 32.6812 89.774 33.1119 90.6508 33.2864C91.5277 33.4608 92.4371 33.3706 93.2631 33.0286C94.0888 32.6865 94.7947 32.1076 95.2914 31.3645C95.7883 30.6212 96.054 29.7468 96.0541 28.8528ZM96.5541 28.8528C96.5539 29.8456 96.2591 30.8164 95.7074 31.6418C95.1557 32.4674 94.3709 33.1106 93.4535 33.4905C92.5362 33.8703 91.527 33.9704 90.5532 33.7766C89.5794 33.5829 88.6849 33.1046 87.9828 32.4026C87.2808 31.7006 86.8026 30.806 86.6088 29.8323C86.4151 28.8584 86.5141 27.8483 86.894 26.9309C87.2738 26.0137 87.9173 25.2297 88.7426 24.678C89.568 24.1263 90.5388 23.8316 91.5317 23.8313C92.8635 23.8313 94.1417 24.3602 95.0834 25.302C96.025 26.2437 96.5541 27.5211 96.5541 28.8528Z" fill="#89440B"/>
+<path d="M91.2825 28.8542V26.0212C91.2825 25.8832 91.3944 25.7712 91.5325 25.7712C91.6705 25.7712 91.7825 25.8832 91.7825 26.0212V28.8542C91.7822 28.9921 91.6704 29.1042 91.5325 29.1042C91.3945 29.1042 91.2827 28.9921 91.2825 28.8542Z" fill="#89440B"/>
+<path d="M93.1387 27.4765C93.2534 27.4 93.4087 27.4312 93.4854 27.5458C93.5619 27.6605 93.5307 27.8158 93.4161 27.8925L91.6709 29.0605C91.5562 29.1371 91.401 29.1068 91.3243 28.9921C91.2475 28.8774 91.2789 28.7222 91.3936 28.6454L93.1387 27.4765Z" fill="#89440B"/>
+<rect x="130.151" y="14" width="37.8306" height="30.2646" rx="1" fill="#9CCDE4"/>
+<rect x="130.151" y="53.9586" width="37.8306" height="4.72884" fill="#D6D6D6"/>
+<path d="M154.339 39.181H149.774L148.155 24.6474L146.535 39.181H141.973V18.4923H154.339V39.181Z" fill="#E89849"/>
+<path d="M154.338 18.2423C154.476 18.2423 154.588 18.3543 154.588 18.4923V39.1808C154.588 39.3189 154.476 39.4308 154.338 39.4308H149.774C149.647 39.4307 149.54 39.3354 149.526 39.2091L148.155 26.9044L146.784 39.2091C146.769 39.3355 146.662 39.4308 146.535 39.4308H141.973C141.835 39.4308 141.723 39.3189 141.723 39.1808V18.4923C141.723 18.3543 141.835 18.2423 141.973 18.2423H154.338ZM142.223 38.9308H146.311L147.907 24.6193L147.916 24.5734C147.947 24.4705 148.044 24.3977 148.155 24.3976C148.282 24.3976 148.39 24.4929 148.404 24.6193L149.999 38.9308H154.088V18.7423H142.223V38.9308Z" fill="#89440B"/>
+<path d="M145.919 22.1484C146.057 22.1484 146.169 22.2604 146.169 22.3984V25.625C146.169 25.7198 146.115 25.8064 146.03 25.8486L144.077 26.8213C144.005 26.8571 143.919 26.8567 143.848 26.8193L141.857 25.7725C141.735 25.7083 141.688 25.5577 141.752 25.4355C141.816 25.3133 141.967 25.2659 142.089 25.3301L143.967 26.3164L145.669 25.4697V22.6484H143.657C143.519 22.6484 143.407 22.5365 143.407 22.3984C143.407 22.2604 143.519 22.1484 143.657 22.1484H145.919Z" fill="#89440B"/>
+<path d="M154.303 22.1484C154.441 22.1484 154.553 22.2604 154.553 22.3984C154.553 22.5365 154.441 22.6484 154.303 22.6484H150.609V25.4697L152.424 26.374L152.467 26.4014C152.558 26.473 152.59 26.601 152.536 26.709C152.483 26.8172 152.361 26.8698 152.248 26.8398L152.201 26.8213L150.247 25.8486C150.162 25.8064 150.109 25.7198 150.109 25.625V22.3984C150.109 22.2604 150.221 22.1484 150.359 22.1484H154.303Z" fill="#89440B"/>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/filmstrips/large_images.svg

@@ -0,0 +1,34 @@
+<svg width="240" height="72" viewBox="0 0 240 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="6" y="8.19588" width="43.3531" height="57.8041" rx="1" fill="#9CCDE4"/>
+<rect x="11.4192" y="56.9681" width="25.2893" height="3.61276" fill="white"/>
+<path d="M28.0297 19.0341H19.1675L13.2258 26.7653L16.6129 31.1271H18.6263V45.681H37.4094V31.1271H39.4535L42.8335 26.7653L36.8918 19.0341H28.0297Z" fill="#E89849"/>
+<path d="M36.8918 18.7841L36.9484 18.791C37.0042 18.804 37.0545 18.8355 37.09 18.8818L43.0314 26.6132C43.1007 26.7034 43.1002 26.8291 43.0305 26.9189L39.6438 31.2812C39.5964 31.3422 39.5237 31.3778 39.4465 31.3779H37.4025C37.2645 31.3779 37.1525 31.266 37.1525 31.1279C37.1527 30.99 37.2646 30.8779 37.4025 30.8779H39.3244L42.5168 26.7646L36.7688 19.2841H19.2902L13.5412 26.7646L16.7287 30.8779H18.6193L18.6691 30.8837C18.7831 30.9069 18.8692 31.0071 18.8693 31.1279C18.8693 31.2488 18.7832 31.3498 18.6691 31.373L18.6193 31.3779H16.6057C16.5284 31.3778 16.4557 31.3423 16.4084 31.2812L13.0285 26.9179C12.9591 26.8281 12.9585 26.7033 13.0275 26.6132L18.9689 18.8818L19.009 18.8408C19.0532 18.8046 19.1089 18.7842 19.1672 18.7841H36.8918Z" fill="#89440B"/>
+<path d="M18.3691 24.9984C18.3691 24.8603 18.4811 24.7484 18.6191 24.7484C18.7572 24.7484 18.8691 24.8603 18.8691 24.9984V45.43H37.1523V28.6566C37.1524 28.5186 37.2643 28.4066 37.4023 28.4066C37.5403 28.4066 37.6523 28.5186 37.6523 28.6566V45.68C37.6523 45.818 37.5403 45.9299 37.4023 45.93H18.6191C18.4811 45.93 18.3692 45.818 18.3691 45.68V24.9984Z" fill="#89440B"/>
+<path d="M32.3131 20.4318C32.3559 20.3005 32.4972 20.2288 32.6285 20.2716C32.7594 20.3145 32.8312 20.455 32.7887 20.586C32.4907 21.5009 31.9359 22.311 31.191 22.92C30.446 23.529 29.5415 23.9115 28.5856 24.0216C27.6298 24.1317 26.6623 23.9656 25.7984 23.5421C24.9344 23.1184 24.2098 22.4552 23.7115 21.6319C23.6401 21.5139 23.6775 21.3597 23.7955 21.2882C23.8988 21.2257 24.03 21.2469 24.109 21.3321L24.1393 21.3732L24.317 21.6446C24.753 22.2606 25.3375 22.7591 26.0182 23.0929C26.7961 23.4743 27.6672 23.6246 28.5279 23.5255C29.3888 23.4263 30.2037 23.0817 30.8746 22.5333C31.5454 21.985 32.0447 21.2555 32.3131 20.4318Z" fill="#89440B"/>
+<path d="M37.4011 39.7622C37.5392 39.7622 37.6511 39.8741 37.6511 40.0122C37.6511 40.1502 37.5392 40.2622 37.4011 40.2622H34.4822C34.3441 40.2622 34.2322 40.1502 34.2322 40.0122C34.2322 39.8741 34.3441 39.7622 34.4822 39.7622H37.4011Z" fill="#89440B"/>
+<path d="M37.4019 41.6867L37.4517 41.6916C37.5658 41.7147 37.6519 41.8157 37.6519 41.9367C37.6519 42.0577 37.5658 42.1587 37.4517 42.1818L37.4019 42.1867H30.2153C30.0773 42.1867 29.9653 42.0748 29.9653 41.9367C29.9653 41.7986 30.0773 41.6867 30.2153 41.6867H37.4019Z" fill="#89440B"/>
+<rect x="67.4167" y="8.19588" width="43.3531" height="57.8041" rx="1" fill="#9CCDE4"/>
+<path d="M91.9617 37.7401H86.3105V46.2258H91.9617V37.7401Z" fill="#E89849"/>
+<path d="M91.9619 37.4901C92.0999 37.4902 92.2119 37.602 92.2119 37.7401V46.2254C92.2119 46.3634 92.0999 46.4753 91.9619 46.4754H86.3105C86.1725 46.4754 86.0605 46.3635 86.0605 46.2254V37.7401C86.0605 37.602 86.1725 37.4901 86.3105 37.4901H91.9619ZM86.5605 45.9754H91.7119V37.9901H86.5605V45.9754Z" fill="#89440B"/>
+<path d="M91.9617 19.0341H86.3105V27.5199H91.9617V19.0341Z" fill="#E89849"/>
+<path d="M91.9619 18.7841C92.0999 18.7842 92.2119 18.8961 92.2119 19.0341V27.5195C92.2119 27.6575 92.0999 27.7694 91.9619 27.7695H86.3105C86.1725 27.7695 86.0605 27.6576 86.0605 27.5195V19.0341C86.0605 18.8961 86.1725 18.7841 86.3105 18.7841H91.9619ZM86.5605 27.2695H91.7119V19.2841H86.5605V27.2695Z" fill="#89440B"/>
+<path d="M95.5131 32.9076C95.5129 34.1708 95.1381 35.4056 94.4361 36.4559C93.7342 37.5061 92.7366 38.3246 91.5694 38.808C90.4023 39.2913 89.1181 39.4177 87.8791 39.1712C86.6402 38.9247 85.5021 38.3163 84.6089 37.4231C83.7157 36.5298 83.1073 35.3918 82.8608 34.1529C82.6143 32.9139 82.7407 31.6297 83.224 30.4626C83.7073 29.2954 84.5259 28.2978 85.5761 27.5959C86.6263 26.8939 87.8612 26.5191 89.1244 26.5189C90.8188 26.5189 92.4438 27.192 93.6419 28.3901C94.84 29.5882 95.5131 31.2132 95.5131 32.9076Z" fill="#E89849"/>
+<path d="M95.2635 32.9076C95.2634 31.2796 94.6167 29.7179 93.4656 28.5667C92.3145 27.4156 90.7527 26.769 89.1248 26.7689C87.911 26.7691 86.7238 27.1296 85.7146 27.804C84.7058 28.4785 83.9192 29.4367 83.4549 30.5579C82.9905 31.6793 82.8694 32.9134 83.1062 34.1038C83.3431 35.2943 83.9276 36.3881 84.7859 37.2464C85.6441 38.1045 86.7373 38.6892 87.9275 38.9261C89.1179 39.163 90.352 39.0408 91.4734 38.5765C92.5949 38.1121 93.5538 37.3259 94.2283 36.3167C94.9027 35.3076 95.2632 34.1213 95.2635 32.9076ZM95.7635 32.9076C95.7632 34.2202 95.3737 35.5037 94.6443 36.5951C93.9149 37.6864 92.8776 38.5372 91.6648 39.0394C90.4523 39.5414 89.118 39.6723 87.8308 39.4163C86.5435 39.1602 85.3606 38.5281 84.4324 37.5999C83.5042 36.6717 82.8721 35.4889 82.616 34.2015C82.3599 32.9141 82.4907 31.5793 82.9929 30.3665C83.4952 29.1539 84.346 28.1174 85.4373 27.388C86.5286 26.6586 87.8121 26.2691 89.1248 26.2689C90.8853 26.269 92.5742 26.9683 93.8191 28.2132C95.064 29.4582 95.7634 31.1469 95.7635 32.9076Z" fill="#89440B"/>
+<path d="M88.8748 32.9086V29.1157C88.8748 28.9776 88.9867 28.8657 89.1248 28.8657C89.2628 28.8657 89.3748 28.9776 89.3748 29.1157V32.9086C89.3745 33.0465 89.2627 33.1586 89.1248 33.1586C88.9868 33.1586 88.875 33.0465 88.8748 32.9086Z" fill="#89440B"/>
+<path d="M91.3671 31.1104C91.4747 31.0664 91.6016 31.1028 91.6688 31.2032C91.7455 31.3179 91.7152 31.4731 91.6005 31.5499L89.2636 33.1143C89.1489 33.1908 88.9936 33.1596 88.9169 33.045C88.8404 32.9303 88.8716 32.7751 88.9862 32.6983L91.3222 31.1339L91.3671 31.1104Z" fill="#89440B"/>
+<rect x="72.8357" y="56.9681" width="25.2893" height="3.61276" fill="white"/>
+<rect x="128.834" y="8.19588" width="43.3531" height="57.8041" rx="1" fill="#9CCDE4"/>
+<rect x="134.253" y="56.9681" width="25.2893" height="3.61276" fill="white"/>
+<path d="M159.832 47.9358H153.464L151.205 27.6575L148.944 47.9358H142.579V19.0694H159.832V47.9358Z" fill="#E89849"/>
+<path d="M159.832 18.8194C159.97 18.8194 160.082 18.9314 160.082 19.0694V47.9356C160.082 48.0737 159.97 48.1856 159.832 48.1856H153.464C153.337 48.1856 153.229 48.0896 153.215 47.963L151.204 29.9151L149.193 47.963C149.179 48.0896 149.071 48.1856 148.944 48.1856H142.579C142.441 48.1856 142.329 48.0737 142.329 47.9356V19.0694C142.329 18.9314 142.441 18.8194 142.579 18.8194H159.832ZM142.829 47.6856H148.72L150.956 27.63L150.966 27.5841C150.998 27.481 151.093 27.4074 151.204 27.4073C151.332 27.4073 151.439 27.5034 151.453 27.63L153.688 47.6856H159.582V19.3194H142.829V47.6856Z" fill="#89440B"/>
+<path d="M148.084 24.2702C148.222 24.2702 148.334 24.3821 148.334 24.5202V29.0221C148.334 29.1169 148.28 29.2035 148.195 29.2457L145.47 30.6032C145.398 30.639 145.312 30.6376 145.241 30.6002L142.463 29.1403C142.341 29.0761 142.294 28.9255 142.358 28.8034C142.422 28.6812 142.573 28.6338 142.695 28.6979L145.361 30.0983L147.834 28.8668V24.7702H144.928C144.79 24.7699 144.678 24.6581 144.678 24.5202C144.678 24.3822 144.79 24.2704 144.928 24.2702H148.084Z" fill="#89440B"/>
+<path d="M159.784 24.2702L159.835 24.275C159.949 24.2985 160.034 24.3995 160.034 24.5202C160.034 24.6408 159.949 24.7418 159.835 24.7653L159.784 24.7702H154.53V28.8668L157.118 30.1559L157.161 30.1823C157.253 30.2539 157.284 30.3827 157.23 30.4909C157.177 30.5991 157.055 30.6508 156.942 30.6207L156.896 30.6032L154.169 29.2457C154.084 29.2035 154.03 29.1169 154.03 29.0221V24.5202C154.03 24.3821 154.142 24.2702 154.28 24.2702H159.784Z" fill="#89440B"/>
+<rect x="190.25" y="8.19588" width="43.3531" height="57.8041" rx="1" fill="#9CCDE4"/>
+<rect x="195.67" y="56.9681" width="25.2893" height="3.61276" fill="white"/>
+<path d="M212.28 19.0341H203.417L197.476 26.7653L200.863 31.1271H202.876V45.681H221.659V31.1271H223.703L227.083 26.7653L221.142 19.0341H212.28Z" fill="#E89849"/>
+<path d="M221.142 18.7841L221.198 18.791C221.254 18.804 221.304 18.8355 221.34 18.8818L227.281 26.6132C227.351 26.7034 227.35 26.8291 227.28 26.9189L223.894 31.2812C223.846 31.3422 223.774 31.3778 223.696 31.3779H221.653C221.514 31.3779 221.403 31.266 221.403 31.1279C221.403 30.99 221.515 30.8779 221.653 30.8779H223.574L226.767 26.7646L221.019 19.2841H203.54L197.791 26.7646L200.979 30.8779H202.869L202.919 30.8837C203.033 30.9069 203.119 31.0071 203.119 31.1279C203.119 31.2488 203.033 31.3498 202.919 31.373L202.869 31.3779H200.856C200.778 31.3778 200.706 31.3423 200.658 31.2812L197.279 26.9179C197.209 26.8281 197.208 26.7033 197.278 26.6132L203.219 18.8818L203.259 18.8408C203.303 18.8046 203.359 18.7842 203.417 18.7841H221.142Z" fill="#89440B"/>
+<path d="M202.62 24.9984C202.62 24.8603 202.732 24.7484 202.87 24.7484C203.008 24.7484 203.12 24.8603 203.12 24.9984V45.43H221.403V28.6566C221.403 28.5186 221.515 28.4066 221.653 28.4066C221.791 28.4066 221.903 28.5186 221.903 28.6566V45.68C221.903 45.818 221.791 45.9299 221.653 45.93H202.87C202.732 45.93 202.62 45.818 202.62 45.68V24.9984Z" fill="#89440B"/>
+<path d="M216.564 20.4318C216.607 20.3005 216.748 20.2288 216.879 20.2716C217.01 20.3145 217.082 20.455 217.039 20.586C216.741 21.5009 216.187 22.311 215.442 22.92C214.697 23.529 213.792 23.9115 212.836 24.0216C211.88 24.1317 210.913 23.9656 210.049 23.5421C209.185 23.1184 208.461 22.4552 207.962 21.6319C207.891 21.5139 207.928 21.3597 208.046 21.2882C208.15 21.2257 208.281 21.2469 208.36 21.3321L208.39 21.3732L208.568 21.6446C209.004 22.2606 209.588 22.7591 210.269 23.0929C211.047 23.4743 211.918 23.6246 212.779 23.5255C213.64 23.4263 214.454 23.0817 215.125 22.5333C215.796 21.985 216.295 21.2555 216.564 20.4318Z" fill="#89440B"/>
+<path d="M221.651 39.7622C221.789 39.7622 221.901 39.8741 221.901 40.0122C221.901 40.1502 221.789 40.2622 221.651 40.2622H218.732C218.594 40.2622 218.482 40.1502 218.482 40.0122C218.482 39.8741 218.594 39.7622 218.732 39.7622H221.651Z" fill="#89440B"/>
+<path d="M221.652 41.6867L221.702 41.6916C221.816 41.7147 221.902 41.8157 221.902 41.9367C221.902 42.0577 221.816 42.1587 221.702 42.1818L221.652 42.1867H214.466C214.328 42.1867 214.216 42.0748 214.216 41.9367C214.216 41.7986 214.328 41.6867 214.466 41.6867H221.652Z" fill="#89440B"/>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/filmstrips/pills.svg

@@ -0,0 +1,7 @@
+<svg width="240" height="72" viewBox="0 0 240 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="7" y="30" width="38" height="12" rx="6" fill="#3AADAA"/>
+<path d="M86 41V42H60V41H86ZM91 36C91 33.2386 88.7614 31 86 31H60C57.2386 31 55 33.2386 55 36C55 38.7614 57.2386 41 60 41V42L59.6914 41.9922C56.5211 41.8316 54 39.2102 54 36C54 32.7898 56.5211 30.1684 59.6914 30.0078L60 30H86C89.3137 30 92 32.6863 92 36C92 39.3137 89.3137 42 86 42V41C88.7614 41 91 38.7614 91 36Z" fill="white"/>
+<path d="M133 41V42H108V41H133ZM138 36C138 33.2386 135.761 31 133 31H108C105.239 31 103 33.2386 103 36C103 38.7614 105.239 41 108 41V42C104.686 42 102 39.3137 102 36C102 32.7898 104.521 30.1684 107.691 30.0078L108 30H133L133.309 30.0078C136.479 30.1684 139 32.7898 139 36C139 39.3137 136.314 42 133 42V41C135.761 41 138 38.7614 138 36Z" fill="white"/>
+<path d="M181 41V42H155V41H181ZM186 36C186 33.2386 183.761 31 181 31H155C152.239 31 150 33.2386 150 36C150 38.7614 152.239 41 155 41V42L154.691 41.9922C151.521 41.8316 149 39.2102 149 36C149 32.7898 151.521 30.1684 154.691 30.0078L155 30H181C184.314 30 187 32.6863 187 36C187 39.3137 184.314 42 181 42V41C183.761 41 186 38.7614 186 36Z" fill="white"/>
+<path d="M228 41V42H202V41H228ZM233 36C233 33.2386 230.761 31 228 31H202C199.239 31 197 33.2386 197 36C197 38.7614 199.239 41 202 41V42L201.691 41.9922C198.521 41.8316 196 39.2102 196 36C196 32.7898 198.521 30.1684 201.691 30.0078L202 30H228C231.314 30 234 32.6863 234 36C234 39.3137 231.314 42 228 42V41C230.761 41 233 38.7614 233 36Z" fill="white"/>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/filmstrips/tabs.svg

@@ -0,0 +1,8 @@
+<svg width="240" height="72" viewBox="0 0 240 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="6" y="31" width="50" height="6" fill="#3AADAA"/>
+<rect x="65" y="34" width="51" height="3" fill="white"/>
+<rect x="124" y="34" width="51" height="3" fill="white"/>
+<rect x="184" y="34" width="50" height="3" fill="white"/>
+<rect x="6" y="41" width="228" height="1" fill="#CBCBCB"/>
+<rect x="6" y="41" width="50" height="1" fill="#3AADAA"/>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/products_entries_design/style_catalog_cards.svg

@@ -0,0 +1,50 @@
+<svg width="325" height="110" viewBox="0 0 325 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="15.8572" y="14.499" width="63.832" height="81.002" rx="2.323" fill="white"/>
+<rect x="15.8572" y="14.499" width="63.832" height="81.002" rx="2.323" stroke="black" stroke-width="0.606"/>
+<path d="M16.1602 16.822C16.1602 15.7064 17.0645 14.802 18.1802 14.802H77.3662C78.4818 14.802 79.3862 15.7064 79.3862 16.822V59.444H16.1602V16.822Z" fill="#9CCDE4"/>
+<path d="M47.7927 23.488H38.2883L31.916 31.7795L35.5486 36.4574H37.7078V52.0661H57.8522V36.4574H60.0445L63.6694 31.7795L57.2972 23.488H47.7927Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.616"/>
+<path d="M37.7002 36.4587H35.541L31.916 31.7795L38.2883 23.488H57.2972L63.6694 31.7795L60.0368 36.4587H57.8446" stroke="#1A4746" stroke-width="1.616" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M57.8455 33.8094V52.0664H37.7012V29.886" stroke="#1A4746" stroke-width="1.616" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M52.643 25.0732C52.3392 26.0057 51.7741 26.8313 51.0148 27.452C50.2555 28.0727 49.334 28.4623 48.3597 28.5745C47.3855 28.6867 46.3995 28.5169 45.519 28.0851C44.6385 27.6534 43.9004 26.9778 43.3926 26.1389" stroke="#1A4746" stroke-width="1.616" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M57.8457 45.9888H54.7148" stroke="#1A4746" stroke-width="1.616" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M57.8439 48.0552H50.1367" stroke="#1A4746" stroke-width="1.616" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21.6641 69.5442H64.4376" stroke="#343A40" stroke-width="2.424"/>
+<path d="M21.6641 77.0183H73.8811" stroke="#6C757D" stroke-width="1.616"/>
+<path d="M21.6641 82.0684H73.8811" stroke="#6C757D" stroke-width="1.616"/>
+<path d="M21.6641 87.1184H38.4301" stroke="#6C757D" stroke-width="1.616"/>
+<rect x="92.3415" y="14.499" width="63.832" height="81.002" rx="2.323" fill="white"/>
+<rect x="92.3415" y="14.499" width="63.832" height="81.002" rx="2.323" stroke="black" stroke-width="0.606"/>
+<path d="M92.6445 16.822C92.6445 15.7064 93.5489 14.802 94.6645 14.802H153.851C154.966 14.802 155.871 15.7064 155.871 16.822V59.444H92.6445V16.822Z" fill="#9CCDE4"/>
+<path d="M132.62 52.0661H126.315L124.078 31.9903L121.84 52.0661H115.539V23.488H132.62V52.0661Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.616" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M117.865 28.8838H120.989V33.3407L118.29 34.6845L115.539 33.2391" stroke="#1A4746" stroke-width="1.616" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M132.572 28.8838H127.123V33.3407L129.822 34.6845" stroke="#1A4746" stroke-width="1.616" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M98.1484 69.5439H150.365" stroke="#343A40" stroke-width="2.424"/>
+<path d="M98.1484 77.0178H150.365" stroke="#6C757D" stroke-width="1.616"/>
+<path d="M98.1484 82.0676H150.365" stroke="#6C757D" stroke-width="1.616"/>
+<path d="M98.1484 87.1177H114.914" stroke="#6C757D" stroke-width="1.616"/>
+<rect x="168.826" y="14.499" width="63.832" height="81.002" rx="2.323" fill="white"/>
+<rect x="168.826" y="14.499" width="63.832" height="81.002" rx="2.323" stroke="black" stroke-width="0.606"/>
+<path d="M169.129 16.822C169.129 15.7064 170.033 14.802 171.149 14.802H230.335C231.451 14.802 232.355 15.7064 232.355 16.822V59.444H169.129V16.822Z" fill="#9CCDE4"/>
+<path d="M200.761 23.488H191.257L184.885 31.7795L188.517 36.4574H190.677V52.0661H210.821V36.4574H213.013L216.638 31.7795L210.266 23.488H200.761Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.616"/>
+<path d="M190.669 36.4587H188.51L184.885 31.7795L191.257 23.488H210.266L216.638 31.7795L213.006 36.4587H210.813" stroke="#1A4746" stroke-width="1.616" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M210.812 33.8094V52.0664H190.668V29.886" stroke="#1A4746" stroke-width="1.616" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M205.61 25.0732C205.306 26.0057 204.741 26.8313 203.982 27.452C203.222 28.0727 202.301 28.4623 201.327 28.5745C200.352 28.6867 199.366 28.5169 198.486 28.0851C197.605 27.6534 196.867 26.9778 196.359 26.1389" stroke="#1A4746" stroke-width="1.616" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M210.813 45.9888H207.682" stroke="#1A4746" stroke-width="1.616" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M210.813 48.0552H203.105" stroke="#1A4746" stroke-width="1.616" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M174.633 69.5439H200.876" stroke="#343A40" stroke-width="2.424"/>
+<path d="M174.633 77.0178H226.85" stroke="#6C757D" stroke-width="1.616"/>
+<path d="M174.633 82.0676H226.85" stroke="#6C757D" stroke-width="1.616"/>
+<path d="M174.633 87.1177H191.399" stroke="#6C757D" stroke-width="1.616"/>
+<rect x="245.31" y="14.499" width="63.832" height="81.002" rx="2.323" fill="white"/>
+<rect x="245.31" y="14.499" width="63.832" height="81.002" rx="2.323" stroke="black" stroke-width="0.606"/>
+<path d="M245.613 16.822C245.613 15.7064 246.518 14.802 247.633 14.802H306.819C307.935 14.802 308.839 15.7064 308.839 16.822V59.444H245.613V16.822Z" fill="#9CCDE4"/>
+<path d="M280.292 42.6216H274.268V51.6675H280.292V42.6216Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.616" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M280.292 22.6804H274.268V31.7263H280.292V22.6804Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.616" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M284.077 37.4675C284.077 38.8141 283.678 40.1304 282.929 41.25C282.181 42.3695 281.118 43.2421 279.873 43.7573C278.629 44.2725 277.26 44.4073 275.939 44.1445C274.619 43.8817 273.406 43.2332 272.453 42.281C271.501 41.3288 270.853 40.1156 270.59 38.7949C270.327 37.4742 270.462 36.1052 270.977 34.861C271.492 33.6168 272.365 32.5534 273.484 31.8051C274.604 31.0568 275.92 30.6572 277.267 30.657C279.073 30.657 280.805 31.3745 282.083 32.6517C283.36 33.9289 284.077 35.6612 284.077 37.4675Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.616" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M277.268 37.4674V33.4246" stroke="#1A4746" stroke-width="1.616" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M277.268 37.4675L279.758 35.7998" stroke="#1A4746" stroke-width="1.616" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M251.117 69.5442H303.334" stroke="#343A40" stroke-width="2.424"/>
+<path d="M251.117 77.0183H303.334" stroke="#6C757D" stroke-width="1.616"/>
+<path d="M251.117 82.0684H303.334" stroke="#6C757D" stroke-width="1.616"/>
+<path d="M251.117 87.1184H267.883" stroke="#6C757D" stroke-width="1.616"/>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/products_entries_design/style_catalog_chips.svg

@@ -0,0 +1,50 @@
+<svg width="325" height="110" viewBox="0 0 325 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="15.7" y="14.9" width="63.2" height="80.2" rx="3.3" fill="white"/>
+<rect x="15.7" y="14.9" width="63.2" height="80.2" rx="3.3" stroke="black" stroke-width="0.6"/>
+<rect x="19" y="18.2002" width="56.6" height="39.7791" rx="3" fill="#9CCDE4"/>
+<path d="M47.3183 25.9399H38.8099L33.1055 33.3282L36.3574 37.4965H38.2903V51.405H56.3236V37.4965H58.2861L61.5312 33.3282L55.8267 25.9399H47.3183Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.4"/>
+<path d="M38.2835 37.4977H36.3505L33.1055 33.3282L38.8099 25.9399H55.8267L61.5312 33.3282L58.2793 37.4977H56.3168" stroke="#1A4746" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M56.3165 35.1369V51.4051H38.2832V31.6409" stroke="#1A4746" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M51.6599 27.3525C51.3879 28.1834 50.8821 28.9191 50.2023 29.4722C49.5226 30.0252 48.6977 30.3724 47.8255 30.4724C46.9534 30.5724 46.0707 30.4211 45.2825 30.0363C44.4942 29.6516 43.8335 29.0497 43.3789 28.3021" stroke="#1A4746" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M56.3164 45.9895H53.5137" stroke="#1A4746" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M56.3155 47.8311H49.416" stroke="#1A4746" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21.4492 67.9792H63.7992" stroke="#343A40" stroke-width="2.4"/>
+<path d="M21.4492 75.3792H73.1492" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M21.4492 80.3792H73.1492" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M21.4492 85.3792H38.0492" stroke="#6C757D" stroke-width="1.6"/>
+<rect x="92.5008" y="14.9" width="63.2" height="80.2" rx="3.3" fill="white"/>
+<rect x="92.5008" y="14.9" width="63.2" height="80.2" rx="3.3" stroke="black" stroke-width="0.6"/>
+<rect x="95.8008" y="18.2" width="56.6" height="39.9636" rx="3" fill="#9CCDE4"/>
+<path d="M131.586 51.559H125.941L123.939 33.5871L121.936 51.559H116.295V25.9758H131.586V51.559Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M118.377 30.8059H121.174V34.7957L118.758 35.9987L116.295 34.7048" stroke="#1A4746" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M131.544 30.8059H126.666V34.7957L129.082 35.9987" stroke="#1A4746" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M98.25 68.1636H149.95" stroke="#343A40" stroke-width="2.4"/>
+<path d="M98.25 75.5635H149.95" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M98.25 80.5635H149.95" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M98.25 85.5635H114.85" stroke="#6C757D" stroke-width="1.6"/>
+<rect x="169.3" y="14.9" width="63.2" height="80.2" rx="3.3" fill="white"/>
+<rect x="169.3" y="14.9" width="63.2" height="80.2" rx="3.3" stroke="black" stroke-width="0.6"/>
+<rect x="172.6" y="18.2" width="56.6" height="39.9636" rx="3" fill="#9CCDE4"/>
+<path d="M200.918 25.9758H192.41L186.705 33.3983L189.957 37.586H191.89V51.559H209.923V37.586H211.886L215.131 33.3983L209.426 25.9758H200.918Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.4"/>
+<path d="M191.883 37.5872H189.95L186.705 33.3983L192.41 25.9758H209.426L215.131 33.3983L211.879 37.5872H209.916" stroke="#1A4746" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M209.916 35.2154V51.559H191.883V31.7031" stroke="#1A4746" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M205.259 27.3948C204.988 28.2295 204.482 28.9686 203.802 29.5242C203.122 30.0799 202.297 30.4286 201.425 30.5291C200.553 30.6296 199.67 30.4775 198.882 30.091C198.094 29.7045 197.433 29.0998 196.979 28.3487" stroke="#1A4746" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M209.916 46.1184H207.113" stroke="#1A4746" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M209.915 47.9683H203.016" stroke="#1A4746" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M175.049 68.1636H201.032" stroke="#343A40" stroke-width="2.4"/>
+<path d="M175.049 75.5635H226.749" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M175.049 80.5635H226.749" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M175.049 85.5635H191.649" stroke="#6C757D" stroke-width="1.6"/>
+<rect x="246.1" y="14.9" width="63.2" height="80.2" rx="3.3" fill="white"/>
+<rect x="246.1" y="14.9" width="63.2" height="80.2" rx="3.3" stroke="black" stroke-width="0.6"/>
+<rect x="249.4" y="18.2" width="56.6" height="39.9636" rx="3" fill="#9CCDE4"/>
+<path d="M280.444 43.1038H275.051V51.2017H280.444V43.1038Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M280.444 25.2527H275.051V33.3506H280.444V25.2527Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M283.834 38.4901C283.834 39.6956 283.476 40.8739 282.806 41.8762C282.136 42.8784 281.184 43.6595 280.07 44.1207C278.957 44.582 277.731 44.7026 276.549 44.4673C275.366 44.2321 274.28 43.6516 273.428 42.7992C272.576 41.9467 271.995 40.8607 271.76 39.6784C271.525 38.4961 271.645 37.2705 272.106 36.1568C272.568 35.043 273.349 34.091 274.351 33.4211C275.353 32.7512 276.532 32.3935 277.737 32.3933C279.354 32.3933 280.905 33.0356 282.048 34.179C283.191 35.3224 283.834 36.8731 283.834 38.4901Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M277.736 38.49V34.8708" stroke="#1A4746" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M277.736 38.49L279.966 36.9971" stroke="#1A4746" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M251.85 68.1636H303.55" stroke="#343A40" stroke-width="2.4"/>
+<path d="M251.85 75.5635H303.55" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M251.85 80.5635H303.55" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M251.85 85.5635H268.45" stroke="#6C757D" stroke-width="1.6"/>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/products_entries_design/style_catalog_grid.svg

@@ -0,0 +1,62 @@
+<svg width="325" height="110" viewBox="0 0 325 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6882_7588)">
+<rect x="16.5" y="11" width="73" height="88" fill="white"/>
+<rect width="73" height="51" transform="translate(16.5 11)" fill="#9CCDE4"/>
+<path d="M53.0225 20.9231H42.0488L34.6914 30.3954L38.8856 35.7396H41.3786V53.5713H64.637V35.7396H67.1682L71.3535 30.3954L63.9962 20.9231H53.0225Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.6"/>
+<path d="M41.3698 35.741H38.8768L34.6914 30.3954L42.0488 20.9231H63.9962L71.3535 30.3954L67.1594 35.741H64.6282" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M64.6276 32.7144V53.5715H41.3691V28.2322" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M58.6218 22.7341C58.2711 23.7994 57.6186 24.7426 56.7419 25.4517C55.8653 26.1607 54.8013 26.6058 53.6764 26.734C52.5516 26.8623 51.4132 26.6682 50.3965 26.175C49.3799 25.6817 48.5277 24.91 47.9414 23.9515" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M64.6286 46.6282H61.0137" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M64.6271 48.989H55.7285" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M24.5 72H66.85" stroke="#343A40" stroke-width="2.4"/>
+<path d="M24.5 79.3999H76.2" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M24.5 84.3999H76.2" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M24.5 89.3999H41.1" stroke="#6C757D" stroke-width="1.6"/>
+</g>
+<rect x="16.2" y="10.7" width="73.6" height="88.6" stroke="black" stroke-width="0.6"/>
+<g clip-path="url(#clip1_6882_7588)">
+<rect x="89.5" y="11" width="73" height="88" fill="white"/>
+<rect width="73" height="51.4529" transform="translate(89.5 11)" fill="#9CCDE4"/>
+<path d="M135.653 53.9494H128.373L125.791 30.8107L123.207 53.9494H115.932V21.0112H135.653V53.9494Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M118.617 27.23H122.224V32.3669L119.108 33.9157L115.932 32.2498" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M135.598 27.23H129.307V32.3669L132.423 33.9157" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M97.5 72.4529H149.2" stroke="#343A40" stroke-width="2.4"/>
+<path d="M97.5 79.8528H149.2" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M97.5 84.8528H149.2" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M97.5 89.8528H114.1" stroke="#6C757D" stroke-width="1.6"/>
+</g>
+<rect x="89.2" y="10.7" width="73.6" height="88.6" stroke="black" stroke-width="0.6"/>
+<rect x="162.2" y="10.7" width="73.6" height="88.6" fill="white"/>
+<rect x="162.2" y="10.7" width="73.6" height="88.6" stroke="black" stroke-width="0.6"/>
+<rect width="73" height="51.4529" transform="translate(162.5 11)" fill="#9CCDE4"/>
+<path d="M199.022 21.0112H188.049L180.691 30.5677L184.886 35.9593H187.379V53.9494H210.637V35.9593H213.168L217.354 30.5677L209.996 21.0112H199.022Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.6"/>
+<path d="M187.37 35.9608H184.877L180.691 30.5677L188.049 21.0112H209.996L217.354 30.5677L213.159 35.9608H210.628" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M210.628 32.9071V53.9494H187.369V28.385" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M204.622 22.8384C204.271 23.9131 203.619 24.8647 202.742 25.5801C201.865 26.2954 200.801 26.7445 199.676 26.8738C198.552 27.0032 197.413 26.8074 196.397 26.3098C195.38 25.8121 194.528 25.0336 193.941 24.0666" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M210.629 46.9446H207.014" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M210.627 49.3264H201.729" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M170.5 72.4529H196.483" stroke="#343A40" stroke-width="2.4"/>
+<path d="M170.5 79.8528H222.2" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M170.5 84.8528H222.2" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M170.5 89.8528H187.1" stroke="#6C757D" stroke-width="1.6"/>
+<rect x="235.2" y="10.7" width="73.6" height="88.6" fill="white"/>
+<rect x="235.2" y="10.7" width="73.6" height="88.6" stroke="black" stroke-width="0.6"/>
+<rect width="73" height="51.4529" transform="translate(235.5 11)" fill="#9CCDE4"/>
+<path d="M275.54 43.0637H268.584V53.4897H275.54V43.0637Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M275.54 20.0803H268.584V30.5064H275.54V20.0803Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M279.911 37.1232C279.911 38.6753 279.45 40.1924 278.586 41.4828C277.722 42.7732 276.494 43.7789 275.057 44.3727C273.621 44.9665 272.04 45.1218 270.515 44.8189C268.99 44.5161 267.59 43.7686 266.49 42.6712C265.391 41.5737 264.642 40.1754 264.339 38.6532C264.035 37.1309 264.191 35.5531 264.786 34.1191C265.381 32.6851 266.388 31.4594 267.681 30.5969C268.973 29.7345 270.493 29.274 272.048 29.2737C274.133 29.2737 276.133 30.1007 277.608 31.5728C279.083 33.0448 279.911 35.0414 279.911 37.1232Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M272.049 37.1233V32.4636" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M272.049 37.1233L274.925 35.2012" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M243.5 72.4529H295.2" stroke="#343A40" stroke-width="2.4"/>
+<path d="M243.5 79.8528H295.2" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M243.5 84.8528H295.2" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M243.5 89.8528H260.1" stroke="#6C757D" stroke-width="1.6"/>
+<defs>
+<clipPath id="clip0_6882_7588">
+<rect x="16.5" y="11" width="73" height="88" fill="white"/>
+</clipPath>
+<clipPath id="clip1_6882_7588">
+<rect x="89.5" y="11" width="73" height="88" fill="white"/>
+</clipPath>
+</defs>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/products_entries_design/style_catalog_overlay.svg

@@ -0,0 +1,42 @@
+<svg width="325" height="110" viewBox="0 0 325 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="16" y="15.2" width="62.6" height="79.6" rx="2" fill="#9CCDE4"/>
+<path d="M47.3211 51.8H37.9107L31.6016 60.0094L35.1982 64.641H37.336V80.0952H57.281V64.641H59.4515L63.0406 60.0094L56.7314 51.8H47.3211Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.6"/>
+<path d="M37.3285 64.6423H35.1906L31.6016 60.0094L37.9107 51.8H56.7314L63.0406 60.0094L59.444 64.6423H57.2734" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M57.273 62.0191V80.0953H37.3281V58.1345" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M52.1217 53.3694C51.8209 54.2926 51.2614 55.1101 50.5097 55.7246C49.7579 56.3391 48.8455 56.7249 47.8809 56.836C46.9163 56.9471 45.9401 56.7789 45.0682 56.3514C44.1964 55.924 43.4657 55.2551 42.9629 54.4245" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M57.2737 74.0779H54.1738" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M57.2715 76.1238H49.6406" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21.4492 25.2H63.7992" stroke="#343A40" stroke-width="2.4"/>
+<path d="M21.4492 32.5999H73.1492" stroke="white" stroke-width="1.6"/>
+<path d="M21.4492 37.5999H73.1492" stroke="white" stroke-width="1.6"/>
+<path d="M21.4492 42.5999H38.0492" stroke="white" stroke-width="1.6"/>
+<rect x="92.8008" y="15.2" width="62.6" height="79.6" rx="2" fill="#9CCDE4"/>
+<path d="M132.556 80.895H126.314L124.099 61.018L121.883 80.895H115.645V52.5999H132.556V80.895Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M117.947 57.9421H121.041V62.3549L118.368 63.6854L115.645 62.2543" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M132.508 57.9421H127.113V62.3549L129.786 63.6854" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M98.25 25.2H140.6" stroke="#343A40" stroke-width="2.4"/>
+<path d="M98.25 32.5999H149.95" stroke="white" stroke-width="1.6"/>
+<path d="M98.25 37.5999H149.95" stroke="white" stroke-width="1.6"/>
+<path d="M98.25 42.5999H114.85" stroke="white" stroke-width="1.6"/>
+<rect x="169.6" y="15.2" width="62.6" height="79.6" rx="2" fill="#9CCDE4"/>
+<path d="M200.919 51.8H191.508L185.199 60.0094L188.796 64.641H190.934V80.0952H210.879V64.641H213.049L216.638 60.0094L210.329 51.8H200.919Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.6"/>
+<path d="M190.926 64.6423H188.788L185.199 60.0094L191.508 51.8H210.329L216.638 60.0094L213.042 64.6423H210.871" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M210.871 62.0191V80.0953H190.926V58.1345" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M205.719 53.3694C205.419 54.2926 204.859 55.1101 204.107 55.7246C203.356 56.3391 202.443 56.7249 201.479 56.836C200.514 56.9471 199.538 56.7789 198.666 56.3514C197.794 55.924 197.063 55.2551 196.561 54.4245" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M210.871 74.0779H207.771" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M210.871 76.1238H203.24" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M175.049 25.2H217.399" stroke="#343A40" stroke-width="2.4"/>
+<path d="M175.049 32.5999H226.749" stroke="white" stroke-width="1.6"/>
+<path d="M175.049 37.5999H226.749" stroke="white" stroke-width="1.6"/>
+<path d="M175.049 42.5999H191.649" stroke="white" stroke-width="1.6"/>
+<rect x="246.4" y="15.2" width="62.6" height="79.6" rx="2" fill="#9CCDE4"/>
+<path d="M280.695 72.3435H274.73V81.2999H280.695V72.3435Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M280.695 52.5999H274.73V61.5562H280.695V52.5999Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M284.443 67.2406C284.442 68.5739 284.047 69.8772 283.306 70.9857C282.565 72.0941 281.512 72.9581 280.28 73.4682C279.048 73.9783 277.693 74.1117 276.385 73.8515C275.078 73.5914 273.876 72.9493 272.934 72.0065C271.991 71.0637 271.349 69.8626 271.089 68.5549C270.828 67.2472 270.962 65.8918 271.472 64.66C271.982 63.4281 272.846 62.3752 273.954 61.6343C275.063 60.8934 276.366 60.4978 277.7 60.4976C279.488 60.4976 281.203 61.208 282.468 62.4725C283.732 63.7371 284.443 65.4522 284.443 67.2406Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M277.699 67.2404V63.2375" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M277.699 67.2408L280.165 65.5896" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M251.85 25.2H294.2" stroke="#343A40" stroke-width="2.4"/>
+<path d="M251.85 32.5999H303.55" stroke="white" stroke-width="1.6"/>
+<path d="M251.85 37.5999H303.55" stroke="white" stroke-width="1.6"/>
+<path d="M251.85 42.5999H268.45" stroke="white" stroke-width="1.6"/>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/products_entries_design/style_catalog_panel.svg

@@ -0,0 +1,46 @@
+<svg width="325" height="110" viewBox="0 0 325 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="16" y="15.2" width="62.6" height="79.6" rx="2" fill="#9CCDE4"/>
+<path d="M47.3398 25H33.9663L25 36.6668L30.1114 43.249H33.1496V65.2117H61.4944V43.249H64.5791L69.6797 36.6668L60.7134 25H47.3398Z" fill="#3AADAA" stroke="#1A4746" stroke-width="2"/>
+<path d="M33.1389 43.2508H30.1006L25 36.6668L33.9663 25H60.7134L69.6797 36.6668L64.5683 43.2508H61.4836" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M61.4854 39.5226V65.2116H33.1406V34.002" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M54.1645 27.2302C53.7371 28.5423 52.9419 29.704 51.8736 30.5773C50.8052 31.4507 49.5085 31.9989 48.1377 32.1568C46.7668 32.3147 45.3794 32.0757 44.1405 31.4682C42.9015 30.8607 41.863 29.9102 41.1484 28.7297" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M61.4835 56.6602H57.0781" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M61.4833 59.5679H50.6387" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="22" y="59.3999" width="50.6" height="29.4" rx="2" fill="white"/>
+<path d="M28 65.3999H46" stroke="#343A40" stroke-width="2.4"/>
+<path d="M28 72.7998H66.6" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M28 77.7998H66.6" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M28 82.7998H44.6" stroke="#6C757D" stroke-width="1.6"/>
+<rect x="92.8008" y="15.2" width="62.6" height="79.6" rx="2" fill="#9CCDE4"/>
+<path d="M136.034 68.2115H127.162L124.015 39.9632L120.866 68.2115H112V27.9998H136.034V68.2115Z" fill="#3AADAA" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M115.272 35.5916H119.669V41.8628L115.871 43.7536L112 41.7198" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M135.966 35.5916H128.299V41.8628L132.097 43.7536" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="98.8008" y="59.3999" width="50.6" height="29.4" rx="2" fill="white"/>
+<path d="M104.801 65.3999H133.801" stroke="#343A40" stroke-width="2.4"/>
+<path d="M104.801 72.7998H143.401" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M104.801 77.7998H143.401" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M104.801 82.7998H121.401" stroke="#6C757D" stroke-width="1.6"/>
+<rect x="169.6" y="15.2" width="62.6" height="79.6" rx="2" fill="#9CCDE4"/>
+<path d="M200.939 25H187.566L178.6 36.6668L183.711 43.249H186.749V65.2117H215.094V43.249H218.179L223.279 36.6668L214.313 25H200.939Z" fill="#3AADAA" stroke="#1A4746" stroke-width="2"/>
+<path d="M186.738 43.2508H183.7L178.6 36.6668L187.566 25H214.313L223.279 36.6668L218.168 43.2508H215.083" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M215.083 39.5226V65.2116H186.738V34.002" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M207.764 27.2302C207.337 28.5423 206.542 29.704 205.473 30.5773C204.405 31.4507 203.108 31.9989 201.737 32.1568C200.366 32.3147 198.979 32.0757 197.74 31.4682C196.501 30.8607 195.463 29.9102 194.748 28.7297" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M215.083 56.6602H210.678" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M215.083 59.5679H204.238" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="175.6" y="59.3999" width="50.6" height="29.4" rx="2" fill="white"/>
+<path d="M181.6 65.4001H220.2" stroke="#343A40" stroke-width="2.4"/>
+<path d="M181.6 72.7998H220.2" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M181.6 77.7998H220.2" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M181.6 82.7998H198.2" stroke="#6C757D" stroke-width="1.6"/>
+<rect x="246.4" y="15.2" width="62.6" height="79.6" rx="2" fill="#9CCDE4"/>
+<path d="M281.834 55.0588H273.357V67.7872H281.834V55.0588Z" fill="#3AADAA" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M281.834 27H273.357V39.7283H281.834V27Z" fill="#3AADAA" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M287.162 47.8065C287.162 49.7013 286.6 51.5535 285.547 53.1288C284.494 54.7042 282.997 55.9319 281.247 56.6569C279.496 57.3818 277.57 57.5714 275.711 57.2017C273.853 56.8319 272.146 55.9194 270.806 54.5796C269.466 53.2398 268.554 51.5328 268.184 49.6744C267.814 47.816 268.004 45.8897 268.729 44.139C269.454 42.3884 270.682 40.892 272.257 39.8391C273.832 38.7862 275.685 38.224 277.579 38.2236C280.121 38.2236 282.558 39.2333 284.355 41.0304C286.153 42.8275 287.162 45.265 287.162 47.8065Z" fill="#3AADAA" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M277.58 47.8063V42.1177" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M277.58 47.8063L281.085 45.4597" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="252.4" y="59.3999" width="50.6" height="29.4" rx="2" fill="white"/>
+<path d="M258.4 65.3999H292.4" stroke="#343A40" stroke-width="2.4"/>
+<path d="M258.4 72.7998H297" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M258.4 77.7998H297" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M258.4 82.7998H275" stroke="#6C757D" stroke-width="1.6"/>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/products_entries_design/style_catalog_thumb.svg

@@ -0,0 +1,42 @@
+<svg width="325" height="110" viewBox="0 0 325 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="16" y="15.2" width="62.6" height="44.2" rx="2" fill="#9CCDE4"/>
+<path d="M47.3191 23.8H37.9088L31.5996 32.0094L35.1962 36.641H37.3341V52.0952H57.279V36.641H59.4496L63.0386 32.0094L56.7294 23.8H47.3191Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.6"/>
+<path d="M37.3265 36.6423H35.1887L31.5996 32.0094L37.9088 23.8H56.7294L63.0386 32.0094L59.442 36.6423H57.2715" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M57.2711 34.0191V52.0953H37.3262V30.1345" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M52.1198 25.3696C51.819 26.2929 51.2595 27.1103 50.5077 27.7248C49.7559 28.3394 48.8435 28.7251 47.8789 28.8362C46.9143 28.9473 45.9381 28.7792 45.0663 28.3517C44.1945 27.9242 43.4637 27.2554 42.9609 26.4247" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M57.2718 46.0779H54.1719" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M57.2715 48.1238H49.6406" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M26.125 69.3997H68.475" stroke="white" stroke-width="2.4"/>
+<path d="M21.4492 76.7998H73.1492" stroke="#C7C7C7" stroke-width="1.6"/>
+<path d="M21.4492 81.8H73.1492" stroke="#C7C7C7" stroke-width="1.6"/>
+<path d="M39 86.8H55.6" stroke="#C7C7C7" stroke-width="1.6"/>
+<rect x="92.8008" y="15.2" width="62.6" height="44.2" rx="2" fill="#9CCDE4"/>
+<path d="M132.38 52.0952H126.138L123.923 32.2182L121.708 52.0952H115.469V23.8H132.38V52.0952Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M117.771 29.1421H120.865V33.5549L118.193 34.8854L115.469 33.4543" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M132.332 29.1421H126.938V33.5549L129.61 34.8854" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M98.25 69.3999H149.95" stroke="white" stroke-width="2.4"/>
+<path d="M98.25 76.8H149.95" stroke="#C7C7C7" stroke-width="1.6"/>
+<path d="M98.25 81.8003H149.95" stroke="#C7C7C7" stroke-width="1.6"/>
+<path d="M115.801 86.8003H132.401" stroke="#C7C7C7" stroke-width="1.6"/>
+<rect x="169.6" y="15.2" width="62.6" height="44.2" rx="2" fill="#9CCDE4"/>
+<path d="M200.919 23.8H191.508L185.199 32.0094L188.796 36.641H190.934V52.0952H210.879V36.641H213.049L216.638 32.0094L210.329 23.8H200.919Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.6"/>
+<path d="M190.926 36.6423H188.788L185.199 32.0094L191.508 23.8H210.329L216.638 32.0094L213.042 36.6423H210.871" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M210.871 34.0191V52.0953H190.926V30.1345" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M205.719 25.3696C205.419 26.2929 204.859 27.1103 204.107 27.7248C203.356 28.3394 202.443 28.7251 201.479 28.8362C200.514 28.9473 199.538 28.7792 198.666 28.3517C197.794 27.9242 197.063 27.2554 196.561 26.4247" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M210.871 46.0779H207.771" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M210.871 48.1238H203.24" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M187.906 69.3999H213.89" stroke="white" stroke-width="2.4"/>
+<path d="M175.049 76.8H226.749" stroke="#C7C7C7" stroke-width="1.6"/>
+<path d="M175.049 81.8003H226.749" stroke="#C7C7C7" stroke-width="1.6"/>
+<path d="M192.6 86.8003H209.2" stroke="#C7C7C7" stroke-width="1.6"/>
+<rect x="246.4" y="15.2" width="62.6" height="44.2" rx="2" fill="#9CCDE4"/>
+<path d="M280.734 42.7434H274.77V51.6998H280.734V42.7434Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M280.734 22.9998H274.77V31.9561H280.734V22.9998Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M284.484 37.6403C284.483 38.9736 284.088 40.2768 283.347 41.3853C282.606 42.4938 281.553 43.3577 280.321 43.8678C279.089 44.3779 277.734 44.5114 276.426 44.2512C275.119 43.991 273.917 43.3489 272.975 42.4062C272.032 41.4634 271.39 40.2622 271.13 38.9546C270.869 37.6469 271.003 36.2915 271.513 35.0596C272.023 33.8278 272.887 32.7748 273.995 32.0339C275.104 31.293 276.407 30.8975 277.741 30.8972C279.529 30.8972 281.244 31.6076 282.509 32.8722C283.773 34.1368 284.484 35.8519 284.484 37.6403Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M277.74 37.6403V33.6375" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M277.74 37.6404L280.206 35.9893" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M251.85 69.3999H303.55" stroke="white" stroke-width="2.4"/>
+<path d="M251.85 76.7998H303.55" stroke="#C7C7C7" stroke-width="1.6"/>
+<path d="M251.85 81.7998H303.55" stroke="#C7C7C7" stroke-width="1.6"/>
+<path d="M269.4 86.7998H286" stroke="#C7C7C7" stroke-width="1.6"/>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/products_entries_design/style_list_cards.svg

@@ -0,0 +1,22 @@
+<svg width="325" height="110" viewBox="0 0 325 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="16.3" y="12.8" width="292.4" height="84.4" rx="1.7" fill="white"/>
+<rect x="16.3" y="12.8" width="292.4" height="84.4" rx="1.7" stroke="black" stroke-width="0.6"/>
+<mask id="path-2-inside-1_6882_7435" fill="white">
+<path d="M16 14.5C16 13.3954 16.8954 12.5 18 12.5H106.365V97.5H18C16.8954 97.5 16 96.6046 16 95.5V14.5Z"/>
+</mask>
+<path d="M16 14.5C16 13.3954 16.8954 12.5 18 12.5H106.365V97.5H18C16.8954 97.5 16 96.6046 16 95.5V14.5Z" fill="#9CCDE4"/>
+<path d="M15.4 14.5C15.4 13.0641 16.5641 11.9 18 11.9H106.365V13.1H18C17.2268 13.1 16.6 13.7268 16.6 14.5L15.4 14.5ZM106.365 98.1H18C16.5641 98.1 15.4 96.9359 15.4 95.5H16.6C16.6 96.2732 17.2268 96.9 18 96.9H106.365V98.1ZM18 98.1C16.5641 98.1 15.4 96.9359 15.4 95.5V14.5C15.4 13.0641 16.5641 11.9 18 11.9L18 13.1C17.2268 13.1 16.6 13.7268 16.6 14.5V95.5C16.6 96.2732 17.2268 96.9 18 96.9L18 98.1ZM106.365 12.5V97.5V12.5Z" fill="black" mask="url(#path-2-inside-1_6882_7435)"/>
+<path d="M61.2835 34.3855H47.6993L38.5918 46.239L43.7837 52.9266H46.8697V75.241H75.661V52.9266H78.7942L83.9752 46.239L74.8677 34.3855H61.2835Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.6"/>
+<path d="M46.8588 52.9284H43.7728L38.5918 46.239L47.6993 34.3855H74.8677L83.9752 46.239L78.7833 52.9284H75.6501" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M75.6506 49.141V75.2413H46.8594V43.532" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M68.2133 36.6516C67.7791 37.9847 66.9714 39.165 65.8862 40.0523C64.801 40.9396 63.4839 41.4966 62.0915 41.657C60.699 41.8175 59.2898 41.5747 58.0313 40.9574C56.7729 40.3402 55.718 39.3745 54.9922 38.1751" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M75.6506 66.5525H71.1758" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M75.6502 69.5068H64.6348" stroke="#1A4746" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M118.365 35H144.349" stroke="#343A40" stroke-width="2.4"/>
+<path d="M118.365 45H297" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M118.365 50H297" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M118.365 55H195.365" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M118.365 60H175.765" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M118.365 70H144.349" stroke="#6C757D" stroke-width="2.4"/>
+<path d="M118.365 75H144.349" stroke="#6C757D" stroke-width="2.4"/>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/products_entries_design/style_list_condensed.svg

@@ -0,0 +1,16 @@
+<svg width="325" height="110" viewBox="0 0 325 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_7128_81322" fill="white">
+<path d="M16 31.5H309V78.5H16V31.5Z"/>
+</mask>
+<path d="M309 78.5V77.9H16V78.5V79.1H309V78.5Z" fill="white" mask="url(#path-1-inside-1_7128_81322)"/>
+<rect x="16" y="42" width="27" height="26" rx="2" fill="#9CCDE4"/>
+<path d="M29.4233 45.7939H23.4539L19.4517 51.1443L21.7332 54.1629H23.0894V64.235H35.7413V54.1629H37.1182L39.3949 51.1443L35.3927 45.7939H29.4233Z" fill="#3AADAA" stroke="#1A4746"/>
+<path d="M23.0846 54.1637H21.7284L19.4517 51.1443L23.4539 45.7939H35.3927L39.3949 51.1443L37.1134 54.1637H35.7365" stroke="#1A4746" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M35.7375 52.4541V64.2351H23.0856V49.9224" stroke="#1A4746" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M32.4695 46.8169C32.2787 47.4186 31.9237 47.9514 31.4469 48.3519C30.97 48.7524 30.3912 49.0038 29.7793 49.0762C29.1674 49.1486 28.5482 49.039 27.9951 48.7604C27.4421 48.4818 26.9786 48.0459 26.6596 47.5045" stroke="#1A4746" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M35.7347 60.3135H33.7683" stroke="#1A4746" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M35.7365 61.647H30.8959" stroke="#1A4746" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M48 55H143" stroke="white" stroke-width="2.4"/>
+<path d="M237.808 55H263.792" stroke="#E9ECEF" stroke-width="2.4"/>
+<path d="M276.608 55H302.592" stroke="#E9ECEF" stroke-width="2.4"/>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/products_entries_design/style_list_grid.svg

@@ -0,0 +1,26 @@
+<svg width="325" height="110" viewBox="0 0 325 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="16.3" y="30.3" width="292.4" height="49.4" rx="1.7" fill="white"/>
+<rect x="16.3" y="30.3" width="292.4" height="49.4" rx="1.7" stroke="black" stroke-width="0.6"/>
+<path d="M18 30.2998H69.0332V79.7002H18C17.0611 79.7002 16.2998 78.9389 16.2998 78V32C16.2998 31.0611 17.0611 30.2998 18 30.2998Z" fill="#9CCDE4"/>
+<path d="M18 30.2998H69.0332V79.7002H18C17.0611 79.7002 16.2998 78.9389 16.2998 78V32C16.2998 31.0611 17.0611 30.2998 18 30.2998Z" stroke="black" stroke-width="0.6"/>
+<path d="M42.8086 42.9998H34.7913L29.416 49.9957L32.4802 53.9426H34.3016V67.1125H51.2941V53.9426H53.1433L56.2011 49.9957L50.8259 42.9998H42.8086Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.2"/>
+<path d="M34.2952 53.9437H32.4738L29.416 49.9957L34.7913 42.9998H50.8259L56.2011 49.9957L53.1369 53.9437H51.2877" stroke="#1A4746" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M51.2874 51.7084V67.1126H34.2949V48.3979" stroke="#1A4746" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M46.9007 44.3374C46.6445 45.1242 46.1678 45.8208 45.5273 46.3445C44.8868 46.8682 44.1094 47.1969 43.2876 47.2916C42.4658 47.3863 41.6341 47.243 40.8914 46.8787C40.1486 46.5144 39.526 45.9444 39.0977 45.2365" stroke="#1A4746" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M51.2875 61.9846H48.6465" stroke="#1A4746" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M51.2884 63.7283H44.7871" stroke="#1A4746" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M79.334 46.3H105.317" stroke="#343A40" stroke-width="2.4"/>
+<path d="M79.334 53.7H226.401" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M79.334 58.7H136.734" stroke="#6C757D" stroke-width="1.6"/>
+<path d="M79.334 63.7H95.934" stroke="#6C757D" stroke-width="1.6"/>
+<mask id="path-13-inside-1_6882_7452" fill="white">
+<path d="M231.4 30H270.2V80H231.4V30Z"/>
+</mask>
+<path d="M231.4 80H232V30H231.4H230.8V80H231.4Z" fill="black" mask="url(#path-13-inside-1_6882_7452)"/>
+<path d="M237.809 55H263.792" stroke="#6C757D" stroke-width="2.4"/>
+<mask id="path-16-inside-2_6882_7452" fill="white">
+<path d="M270.201 30H309.001V80H270.201V30Z"/>
+</mask>
+<path d="M270.201 80H270.801V30H270.201H269.601V80H270.201Z" fill="black" mask="url(#path-16-inside-2_6882_7452)"/>
+<path d="M276.609 55H302.593" stroke="#6C757D" stroke-width="2.4"/>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/products_entries_design/style_list_list.svg

@@ -0,0 +1,19 @@
+<svg width="325" height="110" viewBox="0 0 325 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_6882_7551" fill="white">
+<path d="M16 16H309V94H16V16Z"/>
+</mask>
+<path d="M309 94V93.4H16V94V94.6H309V94Z" fill="white" mask="url(#path-1-inside-1_6882_7551)"/>
+<rect width="100.428" height="64" transform="translate(16 23)" fill="#9CCDE4"/>
+<path d="M66.1324 31.6541H50.5797L40.1523 45.2253L46.0966 52.882H49.6299V78.43H82.5934V52.882H86.1807L92.1124 45.2253L81.6851 31.6541H66.1324Z" fill="#3AADAA" stroke="#1A4746" stroke-width="2"/>
+<path d="M49.6174 52.8841H46.0841L40.1523 45.2253L50.5797 31.6541H81.6851L92.1124 45.2253L86.1682 52.8841H82.5809" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M82.5807 48.5478V78.4304H49.6172V42.126" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M74.0667 34.2485C73.5696 35.7748 72.6449 37.1261 71.4024 38.142C70.16 39.1579 68.652 39.7956 67.0578 39.9793C65.4636 40.163 63.8501 39.885 62.4093 39.1783C60.9684 38.4716 59.7607 37.366 58.9297 35.9928" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M82.5803 68.4824H77.457" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M82.5805 71.8647H69.9688" stroke="#1A4746" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M128.428 35.3H154.411" stroke="white" stroke-width="2.4"/>
+<path d="M128.428 47.5H297" stroke="#E9ECEF" stroke-width="1.6"/>
+<path d="M128.428 52.5002H205.428" stroke="#E9ECEF" stroke-width="1.6"/>
+<path d="M128.428 57.5002H185.828" stroke="#E9ECEF" stroke-width="1.6"/>
+<path d="M128.428 62.5002H145.028" stroke="#E9ECEF" stroke-width="1.6"/>
+<path d="M280.4 74.7002H297" stroke="#E9ECEF" stroke-width="1.6"/>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/products_entries_design/style_list_narrow.svg

@@ -0,0 +1,17 @@
+<svg width="325" height="110" viewBox="0 0 325 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_6882_7494" fill="white">
+<path d="M35 31.5H290V78.5H35V31.5Z"/>
+</mask>
+<path d="M290 78.5V77.9H35V78.5V79.1H290V78.5Z" fill="white" mask="url(#path-1-inside-1_6882_7494)"/>
+<rect x="35" y="38.5" width="35.2" height="33" rx="2" fill="#9CCDE4"/>
+<path d="M52.5 43.3154H44.7177L39.5 50.1063L42.4744 53.9376H44.2424V66.7214H60.7368V53.9376H62.5318L65.5 50.1063L60.2823 43.3154H52.5Z" fill="#3AADAA" stroke="#1A4746"/>
+<path d="M44.2362 53.9386H42.4682L39.5 50.1063L44.7177 43.3154H60.2823L65.5 50.1063L62.5256 53.9386H60.7306" stroke="#1A4746" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M60.7327 51.769V66.7218H44.2383V48.5557" stroke="#1A4746" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M56.4708 44.6138C56.2221 45.3775 55.7594 46.0537 55.1376 46.562C54.5159 47.0704 53.7614 47.3894 52.9636 47.4814C52.1659 47.5733 51.3586 47.4342 50.6376 47.0805C49.9166 46.7269 49.3123 46.1737 48.8965 45.4866" stroke="#1A4746" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M60.7277 61.7441H58.1641" stroke="#1A4746" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M60.7306 63.4365H54.4199" stroke="#1A4746" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M75.1992 51.3003H101.183" stroke="white" stroke-width="2.4"/>
+<path d="M75.1992 58.7002H207.399" stroke="#E9ECEF" stroke-width="1.6"/>
+<path d="M218.807 55H244.79" stroke="#E9ECEF" stroke-width="2.4"/>
+<path d="M257.607 55H283.591" stroke="#E9ECEF" stroke-width="2.4"/>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/products_entries_design/style_list_showcase.svg

@@ -0,0 +1,22 @@
+<svg width="325" height="110" viewBox="0 0 325 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6882_7570)">
+<rect width="293" height="110" transform="translate(16)" fill="#9CCDE4"/>
+<path d="M232.194 81.1846H197.336V133.527H232.194V81.1846Z" fill="#3AADAA" stroke="#1A4746" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M232.194 -34.1997H197.336V18.1425H232.194V-34.1997Z" fill="#3AADAA" stroke="#1A4746" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M254.101 51.3619C254.099 59.1539 251.788 66.7705 247.458 73.2486C243.128 79.7268 236.974 84.7756 229.775 87.7568C222.576 90.738 214.655 91.5176 207.012 89.9972C199.37 88.4767 192.351 84.7243 186.841 79.2146C181.331 73.7048 177.579 66.6851 176.058 59.0429C174.538 51.4008 175.317 43.4794 178.299 36.2803C181.28 29.0811 186.329 22.9276 192.807 18.5977C199.285 14.2679 206.901 11.956 214.693 11.9546C225.145 11.9546 235.168 16.1064 242.559 23.4967C249.949 30.887 254.101 40.9105 254.101 51.3619Z" fill="#3AADAA" stroke="#1A4746" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M214.695 51.3613V27.9683" stroke="#1A4746" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M214.695 51.3621L229.107 41.7124" stroke="#1A4746" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M32 15.3999H57.9833" stroke="#343A40" stroke-width="2.4"/>
+<path d="M32 20.3999H110.4" stroke="white" stroke-width="1.6"/>
+<path d="M32 25.3999H89.4" stroke="white" stroke-width="1.6"/>
+<path d="M32 30.3999H48.6" stroke="white" stroke-width="1.6"/>
+<path d="M32 94.6001H57.9833" stroke="#F8F6F7" stroke-width="2.4"/>
+<path d="M183.217 89.6001H209.2" stroke="#F8F6F7" stroke-width="2.4"/>
+<path d="M183.217 94.6001H209.2" stroke="#F8F6F7" stroke-width="2.4"/>
+</g>
+<defs>
+<clipPath id="clip0_6882_7570">
+<rect width="293" height="110" fill="white" transform="translate(16)"/>
+</clipPath>
+</defs>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/products_entries_design/style_list_thumbs.svg

@@ -0,0 +1,19 @@
+<svg width="325" height="110" viewBox="0 0 325 110" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_6882_7473" fill="white">
+<path d="M16 23H309V87H16V23Z"/>
+</mask>
+<path d="M309 87V86.4H16V87V87.6H309V87Z" fill="white" mask="url(#path-1-inside-1_6882_7473)"/>
+<rect x="16" y="30" width="53.3333" height="50" rx="2" fill="#9CCDE4"/>
+<path d="M42.8086 42.9998H34.7913L29.416 49.9957L32.4802 53.9426H34.3016V67.1125H51.2941V53.9426H53.1433L56.2011 49.9957L50.8259 42.9998H42.8086Z" fill="#3AADAA" stroke="#1A4746" stroke-width="1.2"/>
+<path d="M34.2952 53.9437H32.4738L29.416 49.9957L34.7913 42.9998H50.8259L56.2011 49.9957L53.1369 53.9437H51.2877" stroke="#1A4746" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M51.2874 51.7084V67.1126H34.2949V48.3979" stroke="#1A4746" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M46.9007 44.3372C46.6445 45.1239 46.1678 45.8205 45.5273 46.3442C44.8868 46.8679 44.1094 47.1966 43.2876 47.2913C42.4658 47.386 41.6341 47.2427 40.8914 46.8784C40.1486 46.5141 39.526 45.9442 39.0977 45.2363" stroke="#1A4746" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M51.2875 61.9846H48.6465" stroke="#1A4746" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M51.2884 63.7283H44.7871" stroke="#1A4746" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M79.334 46.2998H105.317" stroke="white" stroke-width="2.4"/>
+<path d="M79.334 53.7H226.401" stroke="#E9ECEF" stroke-width="1.6"/>
+<path d="M79.334 58.7002H136.734" stroke="#E9ECEF" stroke-width="1.6"/>
+<path d="M79.334 63.7002H95.934" stroke="#E9ECEF" stroke-width="1.6"/>
+<path d="M237.809 55H263.792" stroke="#E9ECEF" stroke-width="2.4"/>
+<path d="M276.609 55H302.593" stroke="#E9ECEF" stroke-width="2.4"/>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/snippet_options/image-width-33.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="8" viewBox="0 0 24 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.35938 0H8.35938V8H2.35938V0Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.35938 0V8H21.35938V0H10.35938Z" fill="#CDCDCD"/>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/snippets_options/footer_template_website_sale.svg

@@ -0,0 +1,28 @@
+<svg width="234" height="60" viewBox="0 0 234 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect y="5" width="234" height="50" fill="url(#bg_gradient)"/>
+    <rect x="24" y="24" width="32" height="4" rx="1" fill="white"/>
+    <rect x="24" y="32" width="32" height="4" rx="1" fill="white"/>
+    <rect x="24" y="40" width="32" height="4" rx="1" fill="white"/>
+    <rect x="24" y="16" width="32" height="4" rx="1" fill="white"/>
+    <rect x="72" y="24" width="32" height="4" rx="1" fill="white"/>
+    <rect x="72" y="32" width="32" height="4" rx="1" fill="white"/>
+    <rect x="72" y="40" width="32" height="4" rx="1" fill="white"/>
+    <rect x="72" y="16" width="32" height="4" rx="1" fill="white"/>
+    <rect x="171" y="26" width="13" height="4" rx="1" fill="white"/>
+    <rect x="154" y="26" width="13" height="4" rx="1" fill="white"/>
+    <rect x="188" y="26" width="13" height="4" rx="1" fill="white"/>
+    <rect x="202" y="16" width="8" height="4" rx="1" fill="white"/>
+    <rect x="190" y="16" width="8" height="4" rx="1" fill="white"/>
+    <rect x="178" y="16" width="8" height="4" rx="1" fill="white"/>
+    <rect x="166" y="16" width="8" height="4" rx="1" fill="white"/>
+    <rect x="154" y="16" width="8" height="4" rx="1" fill="white"/>
+    <circle cx="186.5" cy="39.5" r="4.5" fill="white"/>
+    <circle cx="172.5" cy="39.5" r="4.5" fill="white"/>
+    <circle cx="158.5" cy="39.5" r="4.5" fill="white"/>
+    <defs>
+        <linearGradient id="bg_gradient" x1="0" y1="5" x2="234" y2="55" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#357C83"/>
+            <stop offset="1" stop-color="#01A09D"/>
+        </linearGradient>
+    </defs>
+</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/snippets_options/product_add_to_cart.svg

@@ -1,40 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
-    <defs>
-        <g id="product_add_to_cart_shirt">
-            <path d="M12.9.4H5.417L.4,6.928l2.86,3.683h1.7V22.9h15.86V10.611h1.726L25.4,6.928,20.383.4Z" fill="#e89849"/>
-            <path d="M4.954,10.612h-1.7L.4,6.928,5.417.4H20.383L25.4,6.928l-2.86,3.684H20.814" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M20.814,8.526V22.9H4.954V5.437" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M16.718,1.648a4.032,4.032,0,0,1-7.283.839" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="2.465" transform="translate(18.349 18.115)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="6.068" transform="translate(14.746 19.742)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_add_to_cart_watch">
-            <rect width="4.743" height="7.122" x="3.4" y="15.7" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <rect width="4.743" height="7.122" x="3.4" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M11.124,11.642A5.361,5.361,0,1,1,5.762,6.28,5.362,5.362,0,0,1,11.124,11.642Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="3.183" transform="translate(5.762 8.459)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="1.313" x2="1.961" transform="translate(5.762 10.329)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_add_to_cart_pants">
-            <path d="M13.848,22.9H8.884L7.123,7.094,5.361,22.9H.4V.4H13.848Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M2.231,4.648h2.46V8.157L2.566,9.215.4,8.077" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M13.81,4.648H9.52V8.157l2.125,1.058" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_add_to_cart_item">
-            <rect width="48" height="60" fill="#ffffff"/>
-            <rect x="5" y="43" width="27" height="2" fill="#222222"/>
-            <rect x="36" y="47" width="7" height="7" rx="2" fill="#3aadaa"/>
-            <rect x="11" y="50" width="15" height="2" fill="#595959"/>
-            <path d="M1.116-11.744H.5a1.827,1.827,0,0,0,.486,1.192,1.818,1.818,0,0,0,1.152.5v.594h.4v-.594a2.2,2.2,0,0,0,.638-.145,1.559,1.559,0,0,0,.5-.315A1.432,1.432,0,0,0,4-10.983a1.57,1.57,0,0,0,.12-.63A1.207,1.207,0,0,0,4-12.186a1.393,1.393,0,0,0-.308-.4,1.571,1.571,0,0,0-.377-.25,1.975,1.975,0,0,0-.341-.127l-.435-.116V-14.86a.964.964,0,0,1,.812.841h.616a2.074,2.074,0,0,0-.493-1,1.5,1.5,0,0,0-.935-.435v-.486h-.4v.478a1.794,1.794,0,0,0-.583.138,1.48,1.48,0,0,0-.471.315,1.48,1.48,0,0,0-.315.471,1.508,1.508,0,0,0-.116.6,1.508,1.508,0,0,0,.087.544.929.929,0,0,0,.272.38,1.7,1.7,0,0,0,.464.268,4.95,4.95,0,0,0,.663.207v1.92a1.3,1.3,0,0,1-.721-.355A1.079,1.079,0,0,1,1.116-11.744Zm1.42,1.123V-12.44q.2.058.37.127a1.1,1.1,0,0,1,.3.17.762.762,0,0,1,.2.243.765.765,0,0,1,.072.351,1.07,1.07,0,0,1-.069.4.742.742,0,0,1-.2.283.861.861,0,0,1-.3.17A1.483,1.483,0,0,1,2.536-10.621Zm-.4-4.261v1.7A2.683,2.683,0,0,1,1.8-13.3a1.123,1.123,0,0,1-.265-.156.613.613,0,0,1-.174-.225.768.768,0,0,1-.062-.322.791.791,0,0,1,.243-.627A1.031,1.031,0,0,1,2.138-14.882Z" transform="translate(4.5 63)" fill="#595959"/>
-            <rect width="48" height="37" fill="#9ccde4"/>
-        </g>
-    </defs> 
-    <use href="#product_add_to_cart_item" y="5" x="5"/>
-    <use href="#product_add_to_cart_shirt" y="11" x="15"/>
-    <use href="#product_add_to_cart_item" y="5" x="66"/>
-    <use href="#product_add_to_cart_pants" y="11" x="83"/>
-    <use href="#product_add_to_cart_item" y="5" x="126"/>
-    <use href="#product_add_to_cart_shirt" y="11" x="137"/>
-    <use href="#product_add_to_cart_item" y="5" x="187"/>
-    <use href="#product_add_to_cart_watch" y="11" x="205"/>
-</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/snippets_options/product_banner.svg

@@ -1,43 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
-    <defs>
-        <g id="product_banner_shirt">
-            <path d="M12.9.4H5.417L.4,6.928l2.86,3.683h1.7V22.9h15.86V10.611h1.726L25.4,6.928,20.383.4Z" fill="#e89849"/>
-            <path d="M4.954,10.612h-1.7L.4,6.928,5.417.4H20.383L25.4,6.928l-2.86,3.684H20.814" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M20.814,8.526V22.9H4.954V5.437" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M16.718,1.648a4.032,4.032,0,0,1-7.283.839" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="2.465" transform="translate(18.349 18.115)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="6.068" transform="translate(14.746 19.742)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_banner_watch">
-            <rect width="4.743" height="7.122" x="3.4" y="15.7" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <rect width="4.743" height="7.122" x="3.4" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M11.124,11.642A5.361,5.361,0,1,1,5.762,6.28,5.362,5.362,0,0,1,11.124,11.642Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="3.183" transform="translate(5.762 8.459)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="1.313" x2="1.961" transform="translate(5.762 10.329)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_banner_pants">
-            <path d="M13.848,22.9H8.884L7.123,7.094,5.361,22.9H.4V.4H13.848Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M2.231,4.648h2.46V8.157L2.566,9.215.4,8.077" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M13.81,4.648H9.52V8.157l2.125,1.058" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_banner_item">
-            <rect width="230" height="60" fill="#fff"/>
-            <rect width="115" height="60" x="115" fill="#9ccde4"/>
-            <rect width="67" height="2" x="10" y="6" fill="#222"/>
-            <rect width="31" height="8" rx="4" x="10" y="16" fill="#3aadaa"/>
-            <rect width="15" height="2" x="21" y="19" fill="#fff"/>
-            <path d="M1.116-11.744H.5a1.827,1.827,0,0,0,.486,1.192,1.818,1.818,0,0,0,1.152.5v.594h.4v-.594a2.2,2.2,0,0,0,.638-.145,1.559,1.559,0,0,0,.5-.315A1.432,1.432,0,0,0,4-10.983a1.57,1.57,0,0,0,.12-.63A1.207,1.207,0,0,0,4-12.186a1.393,1.393,0,0,0-.308-.4,1.571,1.571,0,0,0-.377-.25,1.975,1.975,0,0,0-.341-.127l-.435-.116V-14.86a.964.964,0,0,1,.812.841h.616a2.074,2.074,0,0,0-.493-1,1.5,1.5,0,0,0-.935-.435v-.486h-.4v.478a1.794,1.794,0,0,0-.583.138,1.48,1.48,0,0,0-.471.315,1.48,1.48,0,0,0-.315.471,1.508,1.508,0,0,0-.116.6,1.508,1.508,0,0,0,.087.544.929.929,0,0,0,.272.38,1.7,1.7,0,0,0,.464.268,4.95,4.95,0,0,0,.663.207v1.92a1.3,1.3,0,0,1-.721-.355A1.079,1.079,0,0,1,1.116-11.744Zm1.42,1.123V-12.44q.2.058.37.127a1.1,1.1,0,0,1,.3.17.762.762,0,0,1,.2.243.765.765,0,0,1,.072.351,1.07,1.07,0,0,1-.069.4.742.742,0,0,1-.2.283.861.861,0,0,1-.3.17A1.483,1.483,0,0,1,2.536-10.621Zm-.4-4.261v1.7A2.683,2.683,0,0,1,1.8-13.3a1.123,1.123,0,0,1-.265-.156.613.613,0,0,1-.174-.225.768.768,0,0,1-.062-.322.791.791,0,0,1,.243-.627A1.031,1.031,0,0,1,2.138-14.882Z" transform="translate(13 33)" fill="#fff"/>
-            <rect width="75" height="1" x="10" y="32" fill="#666"/>
-            <rect width="66" height="1" x="10" y="38" fill="#666"/>
-            <rect width="62" height="1" x="10" y="35" fill="#666"/>
-            <rect width="46" height="1" x="10" y="41" fill="#666"/>
-            <rect width="28" height="7" x="10" y="48" rx="2" fill="#3aadaa"/>
-            <rect width="12" height="1" x="18" y="51" fill="#fff"/>
-            <rect width="12" height="1" x="47" y="51" fill="#3aadaa"/>
-            <use href="#product_banner_shirt" y="18" x="132"/>
-            <use href="#product_banner_watch" y="18" x="170"/>
-            <use href="#product_banner_pants" y="18" x="195"/>
-        </g>
-    </defs> 
-    <use href="#product_banner_item" y="5" x="5"/>
-</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/snippets_options/product_borderless_1.svg

@@ -1,38 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
-    <defs>
-        <g id="product_borderless_1_shirt">
-            <path d="M12.9.4H5.417L.4,6.928l2.86,3.683h1.7V22.9h15.86V10.611h1.726L25.4,6.928,20.383.4Z" fill="#e89849"/>
-            <path d="M4.954,10.612h-1.7L.4,6.928,5.417.4H20.383L25.4,6.928l-2.86,3.684H20.814" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M20.814,8.526V22.9H4.954V5.437" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M16.718,1.648a4.032,4.032,0,0,1-7.283.839" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="2.465" transform="translate(18.349 18.115)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="6.068" transform="translate(14.746 19.742)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_borderless_1_watch">
-            <rect width="4.743" height="7.122" x="3.4" y="15.7" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <rect width="4.743" height="7.122" x="3.4" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M11.124,11.642A5.361,5.361,0,1,1,5.762,6.28,5.362,5.362,0,0,1,11.124,11.642Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="3.183" transform="translate(5.762 8.459)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="1.313" x2="1.961" transform="translate(5.762 10.329)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_borderless_1_pants">
-            <path d="M13.848,22.9H8.884L7.123,7.094,5.361,22.9H.4V.4H13.848Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M2.231,4.648h2.46V8.157L2.566,9.215.4,8.077" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M13.81,4.648H9.52V8.157l2.125,1.058" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_borderless_1_item">
-            <rect width="48" height="44" fill="#9ccde4"/>
-            <rect width="42" height="2" transform="translate(3 49.514)" fill="#c7c7c7"/>
-            <rect width="15" height="2" transform="translate(9.024 56.117)" fill="#fff"/>
-            <path d="M1.116-11.744H.5a1.827,1.827,0,0,0,.486,1.192,1.818,1.818,0,0,0,1.152.5v.594h.4v-.594a2.2,2.2,0,0,0,.638-.145,1.559,1.559,0,0,0,.5-.315A1.432,1.432,0,0,0,4-10.983a1.57,1.57,0,0,0,.12-.63A1.207,1.207,0,0,0,4-12.186a1.393,1.393,0,0,0-.308-.4,1.571,1.571,0,0,0-.377-.25,1.975,1.975,0,0,0-.341-.127l-.435-.116V-14.86a.964.964,0,0,1,.812.841h.616a2.074,2.074,0,0,0-.493-1,1.5,1.5,0,0,0-.935-.435v-.486h-.4v.478a1.794,1.794,0,0,0-.583.138,1.48,1.48,0,0,0-.471.315,1.48,1.48,0,0,0-.315.471,1.508,1.508,0,0,0-.116.6,1.508,1.508,0,0,0,.087.544.929.929,0,0,0,.272.38,1.7,1.7,0,0,0,.464.268,4.95,4.95,0,0,0,.663.207v1.92a1.3,1.3,0,0,1-.721-.355A1.079,1.079,0,0,1,1.116-11.744Zm1.42,1.123V-12.44q.2.058.37.127a1.1,1.1,0,0,1,.3.17.762.762,0,0,1,.2.243.765.765,0,0,1,.072.351,1.07,1.07,0,0,1-.069.4.742.742,0,0,1-.2.283.861.861,0,0,1-.3.17A1.483,1.483,0,0,1,2.536-10.621Zm-.4-4.261v1.7A2.683,2.683,0,0,1,1.8-13.3a1.123,1.123,0,0,1-.265-.156.613.613,0,0,1-.174-.225.768.768,0,0,1-.062-.322.791.791,0,0,1,.243-.627A1.031,1.031,0,0,1,2.138-14.882Z" transform="translate(3 70)" fill="#fff"/>
-        </g>
-    </defs> 
-    <use href="#product_borderless_1_item" y="5" x="5"/>
-    <use href="#product_borderless_1_shirt" y="15" x="15"/>
-    <use href="#product_borderless_1_item" y="5" x="66"/>
-    <use href="#product_borderless_1_pants" y="15" x="83"/>
-    <use href="#product_borderless_1_item" y="5" x="126"/>
-    <use href="#product_borderless_1_shirt" y="15" x="137"/>
-    <use href="#product_borderless_1_item" y="5" x="187"/>
-    <use href="#product_borderless_1_watch" y="15" x="205"/>
-</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/snippets_options/product_borderless_2.svg

@@ -1,40 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
-    <defs>
-        <g id="product_borderless_2_shirt">
-            <path d="M12.9.4H5.417L.4,6.928l2.86,3.683h1.7V22.9h15.86V10.611h1.726L25.4,6.928,20.383.4Z" fill="#e89849"/>
-            <path d="M4.954,10.612h-1.7L.4,6.928,5.417.4H20.383L25.4,6.928l-2.86,3.684H20.814" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M20.814,8.526V22.9H4.954V5.437" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M16.718,1.648a4.032,4.032,0,0,1-7.283.839" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="2.465" transform="translate(18.349 18.115)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="6.068" transform="translate(14.746 19.742)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_borderless_2_watch">
-            <rect width="4.743" height="7.122" x="3.4" y="15.7" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <rect width="4.743" height="7.122" x="3.4" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M11.124,11.642A5.361,5.361,0,1,1,5.762,6.28,5.362,5.362,0,0,1,11.124,11.642Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="3.183" transform="translate(5.762 8.459)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="1.313" x2="1.961" transform="translate(5.762 10.329)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_borderless_2_pants">
-            <path d="M13.848,22.9H8.884L7.123,7.094,5.361,22.9H.4V.4H13.848Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M2.231,4.648h2.46V8.157L2.566,9.215.4,8.077" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M13.81,4.648H9.52V8.157l2.125,1.058" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_borderless_2_item">
-            <rect width="48" height="37" fill="#9ccde4"/>
-            <rect width="42" height="2" x="3" y="47" fill="#c7c7c7"/>
-            <rect width="42" height="7" rx="2" x="3" y="53" fill="#3aadaa"/>
-            <rect width="16" height="1" x="16" y="56" fill="#ffffff"/>
-            <rect width="15" height="2" x="9" y="42" fill="#ffffff"/>
-            <path d="M1.116-11.744H.5a1.827,1.827,0,0,0,.486,1.192,1.818,1.818,0,0,0,1.152.5v.594h.4v-.594a2.2,2.2,0,0,0,.638-.145,1.559,1.559,0,0,0,.5-.315A1.432,1.432,0,0,0,4-10.983a1.57,1.57,0,0,0,.12-.63A1.207,1.207,0,0,0,4-12.186a1.393,1.393,0,0,0-.308-.4,1.571,1.571,0,0,0-.377-.25,1.975,1.975,0,0,0-.341-.127l-.435-.116V-14.86a.964.964,0,0,1,.812.841h.616a2.074,2.074,0,0,0-.493-1,1.5,1.5,0,0,0-.935-.435v-.486h-.4v.478a1.794,1.794,0,0,0-.583.138,1.48,1.48,0,0,0-.471.315,1.48,1.48,0,0,0-.315.471,1.508,1.508,0,0,0-.116.6,1.508,1.508,0,0,0,.087.544.929.929,0,0,0,.272.38,1.7,1.7,0,0,0,.464.268,4.95,4.95,0,0,0,.663.207v1.92a1.3,1.3,0,0,1-.721-.355A1.079,1.079,0,0,1,1.116-11.744Zm1.42,1.123V-12.44q.2.058.37.127a1.1,1.1,0,0,1,.3.17.762.762,0,0,1,.2.243.765.765,0,0,1,.072.351,1.07,1.07,0,0,1-.069.4.742.742,0,0,1-.2.283.861.861,0,0,1-.3.17A1.483,1.483,0,0,1,2.536-10.621Zm-.4-4.261v1.7A2.683,2.683,0,0,1,1.8-13.3a1.123,1.123,0,0,1-.265-.156.613.613,0,0,1-.174-.225.768.768,0,0,1-.062-.322.791.791,0,0,1,.243-.627A1.031,1.031,0,0,1,2.138-14.882Z" transform="translate(3 56)" fill="#ffffff"/>
-        </g>
-    </defs> 
-    <use href="#product_borderless_2_item" y="5" x="5"/>
-    <use href="#product_borderless_2_shirt" y="12" x="15"/>
-    <use href="#product_borderless_2_item" y="5" x="66"/>
-    <use href="#product_borderless_2_pants" y="12" x="83"/>
-    <use href="#product_borderless_2_item" y="5" x="126"/>
-    <use href="#product_borderless_2_shirt" y="12" x="137"/>
-    <use href="#product_borderless_2_item" y="5" x="187"/>
-    <use href="#product_borderless_2_watch" y="12" x="205"/>
-</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/snippets_options/product_card_group.svg

@@ -1,41 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
-    <defs>
-        <g id="product_card_group_shirt" transform="scale(.5)">
-            <path d="M12.9.4H5.417L.4,6.928l2.86,3.683h1.7V22.9h15.86V10.611h1.726L25.4,6.928,20.383.4Z" fill="#e89849"/>
-            <path d="M4.954,10.612h-1.7L.4,6.928,5.417.4H20.383L25.4,6.928l-2.86,3.684H20.814" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M20.814,8.526V22.9H4.954V5.437" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M16.718,1.648a4.032,4.032,0,0,1-7.283.839" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="2.465" transform="translate(18.349 18.115)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="6.068" transform="translate(14.746 19.742)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_card_group_watch" transform="scale(.5)">
-            <rect width="4.743" height="7.122" x="3.4" y="15.7" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <rect width="4.743" height="7.122" x="3.4" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M11.124,11.642A5.361,5.361,0,1,1,5.762,6.28,5.362,5.362,0,0,1,11.124,11.642Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="3.183" transform="translate(5.762 8.459)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="1.313" x2="1.961" transform="translate(5.762 10.329)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_card_group_pants" transform="scale(.5)">
-            <path d="M13.848,22.9H8.884L7.123,7.094,5.361,22.9H.4V.4H13.848Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M2.231,4.648h2.46V8.157L2.566,9.215.4,8.077" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M13.81,4.648H9.52V8.157l2.125,1.058" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_card_group_item">
-            <rect width="115" height="30" fill="#fff" stroke="#c7c7c7" stroke-width="1"/>
-            <rect width="20" height="20" fill="#9ccde4" x="90" y="5"/>
-            <rect width="67" height="2" x="5" y="7" fill="#222"/>
-            <rect width="52" height="1" x="5" y="12" fill="#666"/>
-            <rect width="37" height="1" x="5" y="15" fill="#666"/>
-            <rect width="15" height="2" x="11" y="21" fill="#3aadaa"/>
-            <path d="M1.116-11.744H.5a1.827,1.827,0,0,0,.486,1.192,1.818,1.818,0,0,0,1.152.5v.594h.4v-.594a2.2,2.2,0,0,0,.638-.145,1.559,1.559,0,0,0,.5-.315A1.432,1.432,0,0,0,4-10.983a1.57,1.57,0,0,0,.12-.63A1.207,1.207,0,0,0,4-12.186a1.393,1.393,0,0,0-.308-.4,1.571,1.571,0,0,0-.377-.25,1.975,1.975,0,0,0-.341-.127l-.435-.116V-14.86a.964.964,0,0,1,.812.841h.616a2.074,2.074,0,0,0-.493-1,1.5,1.5,0,0,0-.935-.435v-.486h-.4v.478a1.794,1.794,0,0,0-.583.138,1.48,1.48,0,0,0-.471.315,1.48,1.48,0,0,0-.315.471,1.508,1.508,0,0,0-.116.6,1.508,1.508,0,0,0,.087.544.929.929,0,0,0,.272.38,1.7,1.7,0,0,0,.464.268,4.95,4.95,0,0,0,.663.207v1.92a1.3,1.3,0,0,1-.721-.355A1.079,1.079,0,0,1,1.116-11.744Zm1.42,1.123V-12.44q.2.058.37.127a1.1,1.1,0,0,1,.3.17.762.762,0,0,1,.2.243.765.765,0,0,1,.072.351,1.07,1.07,0,0,1-.069.4.742.742,0,0,1-.2.283.861.861,0,0,1-.3.17A1.483,1.483,0,0,1,2.536-10.621Zm-.4-4.261v1.7A2.683,2.683,0,0,1,1.8-13.3a1.123,1.123,0,0,1-.265-.156.613.613,0,0,1-.174-.225.768.768,0,0,1-.062-.322.791.791,0,0,1,.243-.627A1.031,1.031,0,0,1,2.138-14.882Z" transform="translate(4 35)" fill="#3aadaa"/>
-        </g>
-    </defs> 
-    <use href="#product_card_group_item" y="5" x="5"/>
-    <use href="#product_card_group_shirt" y="14" x="99"/>
-    <use href="#product_card_group_item" y="5" x="120"/>
-    <use href="#product_card_group_watch" y="14" x="217"/>
-    <use href="#product_card_group_item" y="35" x="5"/>
-    <use href="#product_card_group_pants" y="44" x="102"/>
-    <use href="#product_card_group_item" y="35" x="120"/>
-    <use href="#product_card_group_shirt" y="44" x="214"/>
-</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/snippets_options/product_centered.svg

@@ -1,41 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
-    <defs>
-        <g id="product_centered_shirt">
-            <path d="M12.9.4H5.417L.4,6.928l2.86,3.683h1.7V22.9h15.86V10.611h1.726L25.4,6.928,20.383.4Z" fill="#e89849"/>
-            <path d="M4.954,10.612h-1.7L.4,6.928,5.417.4H20.383L25.4,6.928l-2.86,3.684H20.814" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M20.814,8.526V22.9H4.954V5.437" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M16.718,1.648a4.032,4.032,0,0,1-7.283.839" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="2.465" transform="translate(18.349 18.115)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="6.068" transform="translate(14.746 19.742)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_centered_watch">
-            <rect width="4.743" height="7.122" x="3.4" y="15.7" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <rect width="4.743" height="7.122" x="3.4" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M11.124,11.642A5.361,5.361,0,1,1,5.762,6.28,5.362,5.362,0,0,1,11.124,11.642Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="3.183" transform="translate(5.762 8.459)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="1.313" x2="1.961" transform="translate(5.762 10.329)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_centered_pants">
-            <path d="M13.848,22.9H8.884L7.123,7.094,5.361,22.9H.4V.4H13.848Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M2.231,4.648h2.46V8.157L2.566,9.215.4,8.077" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M13.81,4.648H9.52V8.157l2.125,1.058" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_centered_item">
-            <rect width="48" height="43" y="17" fill="#fff"/>
-            <rect width="26" height="2" x="11" y="35" fill="#c7c7c7"/>
-            <rect width="15" height="2" x="18" y="42" fill="#595959"/>
-            <path d="M1.116-11.744H.5a1.827,1.827,0,0,0,.486,1.192,1.818,1.818,0,0,0,1.152.5v.594h.4v-.594a2.2,2.2,0,0,0,.638-.145,1.559,1.559,0,0,0,.5-.315A1.432,1.432,0,0,0,4-10.983a1.57,1.57,0,0,0,.12-.63A1.207,1.207,0,0,0,4-12.186a1.393,1.393,0,0,0-.308-.4,1.571,1.571,0,0,0-.377-.25,1.975,1.975,0,0,0-.341-.127l-.435-.116V-14.86a.964.964,0,0,1,.812.841h.616a2.074,2.074,0,0,0-.493-1,1.5,1.5,0,0,0-.935-.435v-.486h-.4v.478a1.794,1.794,0,0,0-.583.138,1.48,1.48,0,0,0-.471.315,1.48,1.48,0,0,0-.315.471,1.508,1.508,0,0,0-.116.6,1.508,1.508,0,0,0,.087.544.929.929,0,0,0,.272.38,1.7,1.7,0,0,0,.464.268,4.95,4.95,0,0,0,.663.207v1.92a1.3,1.3,0,0,1-.721-.355A1.079,1.079,0,0,1,1.116-11.744Zm1.42,1.123V-12.44q.2.058.37.127a1.1,1.1,0,0,1,.3.17.762.762,0,0,1,.2.243.765.765,0,0,1,.072.351,1.07,1.07,0,0,1-.069.4.742.742,0,0,1-.2.283.861.861,0,0,1-.3.17A1.483,1.483,0,0,1,2.536-10.621Zm-.4-4.261v1.7A2.683,2.683,0,0,1,1.8-13.3a1.123,1.123,0,0,1-.265-.156.613.613,0,0,1-.174-.225.768.768,0,0,1-.062-.322.791.791,0,0,1,.243-.627A1.031,1.031,0,0,1,2.138-14.882Z" transform="translate(10 56)" fill="#595959"/>
-            <rect width="34" height="7" rx="2" x="7" y="49" fill="#3aadaa"/>
-            <rect width="16" height="1" x="16" y="52" fill="#fff"/>
-            <rect width="34" height="32" fill="#9ccde4" x="7"/>
-        </g>
-    </defs> 
-    <use href="#product_centered_item" y="5" x="5"/>
-    <use href="#product_centered_shirt" y="9" x="16"/>
-    <use href="#product_centered_item" y="5" x="66"/>
-    <use href="#product_centered_pants" y="9" x="83"/>
-    <use href="#product_centered_item" y="5" x="126"/>
-    <use href="#product_centered_shirt" y="9" x="137"/>
-    <use href="#product_centered_item" y="5" x="187"/>
-    <use href="#product_centered_watch" y="9" x="205"/>
-</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/snippets_options/product_horizontal_card.svg

@@ -1,44 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
-    <defs>
-        <g id="product_horizontal_card_shirt" transform="scale(.5)">
-            <path d="M12.9.4H5.417L.4,6.928l2.86,3.683h1.7V22.9h15.86V10.611h1.726L25.4,6.928,20.383.4Z" fill="#e89849"/>
-            <path d="M4.954,10.612h-1.7L.4,6.928,5.417.4H20.383L25.4,6.928l-2.86,3.684H20.814" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M20.814,8.526V22.9H4.954V5.437" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M16.718,1.648a4.032,4.032,0,0,1-7.283.839" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="2.465" transform="translate(18.349 18.115)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="6.068" transform="translate(14.746 19.742)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_horizontal_card_watch" transform="scale(.5)">
-            <rect width="4.743" height="7.122" x="3.4" y="15.7" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <rect width="4.743" height="7.122" x="3.4" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M11.124,11.642A5.361,5.361,0,1,1,5.762,6.28,5.362,5.362,0,0,1,11.124,11.642Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="3.183" transform="translate(5.762 8.459)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="1.313" x2="1.961" transform="translate(5.762 10.329)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_horizontal_card_pants" transform="scale(.5)">
-            <path d="M13.848,22.9H8.884L7.123,7.094,5.361,22.9H.4V.4H13.848Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M2.231,4.648h2.46V8.157L2.566,9.215.4,8.077" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M13.81,4.648H9.52V8.157l2.125,1.058" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_horizontal_card_item">
-            <rect width="70" height="26" rx="3" fill="#fff"/>
-            <rect width="36" height="2" x="29" y="5" fill="#222"/>
-            <rect width="15" height="2" x="34" y="16" fill="#595959"/>
-            <path d="M1.116-11.744H.5a1.827,1.827,0,0,0,.486,1.192,1.818,1.818,0,0,0,1.152.5v.594h.4v-.594a2.2,2.2,0,0,0,.638-.145,1.559,1.559,0,0,0,.5-.315A1.432,1.432,0,0,0,4-10.983a1.57,1.57,0,0,0,.12-.63A1.207,1.207,0,0,0,4-12.186a1.393,1.393,0,0,0-.308-.4,1.571,1.571,0,0,0-.377-.25,1.975,1.975,0,0,0-.341-.127l-.435-.116V-14.86a.964.964,0,0,1,.812.841h.616a2.074,2.074,0,0,0-.493-1,1.5,1.5,0,0,0-.935-.435v-.486h-.4v.478a1.794,1.794,0,0,0-.583.138,1.48,1.48,0,0,0-.471.315,1.48,1.48,0,0,0-.315.471,1.508,1.508,0,0,0-.116.6,1.508,1.508,0,0,0,.087.544.929.929,0,0,0,.272.38,1.7,1.7,0,0,0,.464.268,4.95,4.95,0,0,0,.663.207v1.92a1.3,1.3,0,0,1-.721-.355A1.079,1.079,0,0,1,1.116-11.744Zm1.42,1.123V-12.44q.2.058.37.127a1.1,1.1,0,0,1,.3.17.762.762,0,0,1,.2.243.765.765,0,0,1,.072.351,1.07,1.07,0,0,1-.069.4.742.742,0,0,1-.2.283.861.861,0,0,1-.3.17A1.483,1.483,0,0,1,2.536-10.621Zm-.4-4.261v1.7A2.683,2.683,0,0,1,1.8-13.3a1.123,1.123,0,0,1-.265-.156.613.613,0,0,1-.174-.225.768.768,0,0,1-.062-.322.791.791,0,0,1,.243-.627A1.031,1.031,0,0,1,2.138-14.882Z" transform="translate(27.5 30)" fill="#595959"/>
-            <rect width="7" height="7" rx="2" x="58" y="14" fill="#3aadaa"/>
-            <rect width="20" height="20" fill="#9ccde4" x="5" y="3"/>
-        </g>
-    </defs> 
-    <use href="#product_horizontal_card_item" y="5" x="5"/>
-    <use href="#product_horizontal_card_shirt" y="12" x="13"/>
-    <use href="#product_horizontal_card_item" y="5" x="85"/>
-    <use href="#product_horizontal_card_watch" y="12" x="97"/>
-    <use href="#product_horizontal_card_item" y="5" x="165"/>
-    <use href="#product_horizontal_card_pants" y="12" x="176"/>
-    <use href="#product_horizontal_card_item" y="39" x="5"/>
-    <use href="#product_horizontal_card_pants" y="46" x="16"/>
-    <use href="#product_horizontal_card_item" y="39" x="85"/>
-    <use href="#product_horizontal_card_shirt" y="46" x="94"/>
-    <use href="#product_horizontal_card_item" y="39" x="165"/>
-    <use href="#product_horizontal_card_watch" y="46" x="177"/>
-</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/snippets_options/product_horizontal_card_2.svg

@@ -1,38 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
-    <defs>
-        <g id="product_horizontal_card_2_item">
-            <rect width="110" height="26" fill="#9ccde4"/>
-            <g transform="translate(10 4) scale(.75)">
-                <path d="M12.9.4H5.417L.4,6.928l2.86,3.683h1.7V22.9h15.86V10.611h1.726L25.4,6.928,20.383.4Z" fill="#e89849"/>
-                <path d="M4.954,10.612h-1.7L.4,6.928,5.417.4H20.383L25.4,6.928l-2.86,3.684H20.814" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-                <path d="M20.814,8.526V22.9H4.954V5.437" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-                <path d="M16.718,1.648a4.032,4.032,0,0,1-7.283.839" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-                <line x1="2.465" transform="translate(18.349 18.115)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-                <line x1="6.068" transform="translate(14.746 19.742)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            </g>
-            <g transform="translate(51 4) scale(.75)">
-                <rect width="4.743" height="7.122" x="3.4" y="15.7" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-                <rect width="4.743" height="7.122" x="3.4" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-                <path d="M11.124,11.642A5.361,5.361,0,1,1,5.762,6.28,5.362,5.362,0,0,1,11.124,11.642Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-                <line y1="3.183" transform="translate(5.762 8.459)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-                <line y1="1.313" x2="1.961" transform="translate(5.762 10.329)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            </g>
-            <g transform="translate(83 4) scale(.75)">
-                <path d="M13.848,22.9H8.884L7.123,7.094,5.361,22.9H.4V.4H13.848Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-                <path d="M2.231,4.648h2.46V8.157L2.566,9.215.4,8.077" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-                <path d="M13.81,4.648H9.52V8.157l2.125,1.058" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            </g>
-            <rect width="110" height="26" fill="#000" opacity="0.5"/>
-            <rect width="67" height="2" x="5" y="5" fill="#fff"/>
-            <rect width="52" height="1" x="5" y="10" fill="#fff"/>
-            <rect width="15" height="2" x="11" y="17" fill="#fff"/>
-            <path d="M1.116-11.744H.5a1.827,1.827,0,0,0,.486,1.192,1.818,1.818,0,0,0,1.152.5v.594h.4v-.594a2.2,2.2,0,0,0,.638-.145,1.559,1.559,0,0,0,.5-.315A1.432,1.432,0,0,0,4-10.983a1.57,1.57,0,0,0,.12-.63A1.207,1.207,0,0,0,4-12.186a1.393,1.393,0,0,0-.308-.4,1.571,1.571,0,0,0-.377-.25,1.975,1.975,0,0,0-.341-.127l-.435-.116V-14.86a.964.964,0,0,1,.812.841h.616a2.074,2.074,0,0,0-.493-1,1.5,1.5,0,0,0-.935-.435v-.486h-.4v.478a1.794,1.794,0,0,0-.583.138,1.48,1.48,0,0,0-.471.315,1.48,1.48,0,0,0-.315.471,1.508,1.508,0,0,0-.116.6,1.508,1.508,0,0,0,.087.544.929.929,0,0,0,.272.38,1.7,1.7,0,0,0,.464.268,4.95,4.95,0,0,0,.663.207v1.92a1.3,1.3,0,0,1-.721-.355A1.079,1.079,0,0,1,1.116-11.744Zm1.42,1.123V-12.44q.2.058.37.127a1.1,1.1,0,0,1,.3.17.762.762,0,0,1,.2.243.765.765,0,0,1,.072.351,1.07,1.07,0,0,1-.069.4.742.742,0,0,1-.2.283.861.861,0,0,1-.3.17A1.483,1.483,0,0,1,2.536-10.621Zm-.4-4.261v1.7A2.683,2.683,0,0,1,1.8-13.3a1.123,1.123,0,0,1-.265-.156.613.613,0,0,1-.174-.225.768.768,0,0,1-.062-.322.791.791,0,0,1,.243-.627A1.031,1.031,0,0,1,2.138-14.882Z" transform="translate(4.5 31)" fill="#fff"/>
-            <rect width="28" height="7" rx="2" x="77" y="14" fill="#3aadaa"/>
-            <rect width="12" height="1" x="85" y="17" fill="#fff"/>
-        </g>
-    </defs> 
-    <use href="#product_horizontal_card_2_item" y="5" x="5"/>
-    <use href="#product_horizontal_card_2_item" y="5" x="125"/>
-    <use href="#product_horizontal_card_2_item" y="39" x="5"/>
-    <use href="#product_horizontal_card_2_item" y="39" x="125"/>
-</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/snippets_options/product_image_only.svg

@@ -1,33 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
-    <defs>
-        <g id="product_image_only_shirt">
-            <path d="M12.9.4H5.417L.4,6.928l2.86,3.683h1.7V22.9h15.86V10.611h1.726L25.4,6.928,20.383.4Z" fill="#e89849"/>
-            <path d="M4.954,10.612h-1.7L.4,6.928,5.417.4H20.383L25.4,6.928l-2.86,3.684H20.814" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M20.814,8.526V22.9H4.954V5.437" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M16.718,1.648a4.032,4.032,0,0,1-7.283.839" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="2.465" transform="translate(18.349 18.115)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="6.068" transform="translate(14.746 19.742)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_image_only_watch">
-            <rect width="4.743" height="7.122" x="3.4" y="15.7" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <rect width="4.743" height="7.122" x="3.4" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M11.124,11.642A5.361,5.361,0,1,1,5.762,6.28,5.362,5.362,0,0,1,11.124,11.642Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="3.183" transform="translate(5.762 8.459)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="1.313" x2="1.961" transform="translate(5.762 10.329)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_image_only_pants">
-            <path d="M13.848,22.9H8.884L7.123,7.094,5.361,22.9H.4V.4H13.848Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M2.231,4.648h2.46V8.157L2.566,9.215.4,8.077" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M13.81,4.648H9.52V8.157l2.125,1.058" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <rect id="product_image_only_item" width="50" height="60" fill="#9ccde4"/>
-    </defs> 
-    <use href="#product_image_only_item" y="5" x="5"/>
-    <use href="#product_image_only_item" y="5" x="65"/>
-    <use href="#product_image_only_item" y="5" x="125"/>
-    <use href="#product_image_only_item" y="5" x="185"/>
-    <use href="#product_image_only_shirt" y="23" x="17"/>
-    <use href="#product_image_only_pants" y="23" x="83"/>
-    <use href="#product_image_only_shirt" y="23" x="137"/>
-    <use href="#product_image_only_watch" y="23" x="205"/>
-</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/snippets_options/product_image_with_name.svg

@@ -1,36 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
-    <defs>
-        <g id="product_image_with_name_shirt">
-            <path d="M12.9.4H5.417L.4,6.928l2.86,3.683h1.7V22.9h15.86V10.611h1.726L25.4,6.928,20.383.4Z" fill="#e89849"/>
-            <path d="M4.954,10.612h-1.7L.4,6.928,5.417.4H20.383L25.4,6.928l-2.86,3.684H20.814" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M20.814,8.526V22.9H4.954V5.437" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M16.718,1.648a4.032,4.032,0,0,1-7.283.839" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="2.465" transform="translate(18.349 18.115)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="6.068" transform="translate(14.746 19.742)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_image_with_name_watch">
-            <rect width="4.743" height="7.122" x="3.4" y="15.7" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <rect width="4.743" height="7.122" x="3.4" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M11.124,11.642A5.361,5.361,0,1,1,5.762,6.28,5.362,5.362,0,0,1,11.124,11.642Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="3.183" transform="translate(5.762 8.459)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="1.313" x2="1.961" transform="translate(5.762 10.329)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_image_with_name_pants">
-            <path d="M13.848,22.9H8.884L7.123,7.094,5.361,22.9H.4V.4H13.848Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M2.231,4.648h2.46V8.157L2.566,9.215.4,8.077" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M13.81,4.648H9.52V8.157l2.125,1.058" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_image_with_name_item">
-            <rect width="50" height="50" fill="#9ccde4"/>
-            <rect width="40" height="2" x="5" y="58" fill="#fff"/>
-        </g>
-    </defs> 
-    <use href="#product_image_with_name_item" y="5" x="5"/>
-    <use href="#product_image_with_name_item" y="5" x="65"/>
-    <use href="#product_image_with_name_item" y="5" x="125"/>
-    <use href="#product_image_with_name_item" y="5" x="185"/>
-    <use href="#product_image_with_name_shirt" y="18" x="17"/>
-    <use href="#product_image_with_name_pants" y="18" x="83"/>
-    <use href="#product_image_with_name_shirt" y="18" x="137"/>
-    <use href="#product_image_with_name_watch" y="18" x="205"/>
-</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/snippets_options/product_image_with_price.svg

@@ -1,37 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
-    <defs>
-        <g id="product_image_with_price_shirt">
-            <path d="M12.9.4H5.417L.4,6.928l2.86,3.683h1.7V22.9h15.86V10.611h1.726L25.4,6.928,20.383.4Z" fill="#e89849"/>
-            <path d="M4.954,10.612h-1.7L.4,6.928,5.417.4H20.383L25.4,6.928l-2.86,3.684H20.814" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M20.814,8.526V22.9H4.954V5.437" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M16.718,1.648a4.032,4.032,0,0,1-7.283.839" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="2.465" transform="translate(18.349 18.115)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="6.068" transform="translate(14.746 19.742)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_image_with_price_watch">
-            <rect width="4.743" height="7.122" x="3.4" y="15.7" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <rect width="4.743" height="7.122" x="3.4" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M11.124,11.642A5.361,5.361,0,1,1,5.762,6.28,5.362,5.362,0,0,1,11.124,11.642Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="3.183" transform="translate(5.762 8.459)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="1.313" x2="1.961" transform="translate(5.762 10.329)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_image_with_price_pants">
-            <path d="M13.848,22.9H8.884L7.123,7.094,5.361,22.9H.4V.4H13.848Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M2.231,4.648h2.46V8.157L2.566,9.215.4,8.077" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M13.81,4.648H9.52V8.157l2.125,1.058" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_image_with_price_item">
-            <rect width="50" height="50" fill="#9ccde4"/>
-            <rect width="15" height="2" x="30" y="58" fill="#fff"/>
-            <path d="M1.116-11.744H.5a1.827,1.827,0,0,0,.486,1.192,1.818,1.818,0,0,0,1.152.5v.594h.4v-.594a2.2,2.2,0,0,0,.638-.145,1.559,1.559,0,0,0,.5-.315A1.432,1.432,0,0,0,4-10.983a1.57,1.57,0,0,0,.12-.63A1.207,1.207,0,0,0,4-12.186a1.393,1.393,0,0,0-.308-.4,1.571,1.571,0,0,0-.377-.25,1.975,1.975,0,0,0-.341-.127l-.435-.116V-14.86a.964.964,0,0,1,.812.841h.616a2.074,2.074,0,0,0-.493-1,1.5,1.5,0,0,0-.935-.435v-.486h-.4v.478a1.794,1.794,0,0,0-.583.138,1.48,1.48,0,0,0-.471.315,1.48,1.48,0,0,0-.315.471,1.508,1.508,0,0,0-.116.6,1.508,1.508,0,0,0,.087.544.929.929,0,0,0,.272.38,1.7,1.7,0,0,0,.464.268,4.95,4.95,0,0,0,.663.207v1.92a1.3,1.3,0,0,1-.721-.355A1.079,1.079,0,0,1,1.116-11.744Zm1.42,1.123V-12.44q.2.058.37.127a1.1,1.1,0,0,1,.3.17.762.762,0,0,1,.2.243.765.765,0,0,1,.072.351,1.07,1.07,0,0,1-.069.4.742.742,0,0,1-.2.283.861.861,0,0,1-.3.17A1.483,1.483,0,0,1,2.536-10.621Zm-.4-4.261v1.7A2.683,2.683,0,0,1,1.8-13.3a1.123,1.123,0,0,1-.265-.156.613.613,0,0,1-.174-.225.768.768,0,0,1-.062-.322.791.791,0,0,1,.243-.627A1.031,1.031,0,0,1,2.138-14.882Z" transform="translate(23.5 72)" fill="#fff"/>
-        </g>
-    </defs> 
-    <use href="#product_image_with_price_item" y="5" x="5"/>
-    <use href="#product_image_with_price_item" y="5" x="65"/>
-    <use href="#product_image_with_price_item" y="5" x="125"/>
-    <use href="#product_image_with_price_item" y="5" x="185"/>
-    <use href="#product_image_with_price_shirt" y="18" x="17"/>
-    <use href="#product_image_with_price_pants" y="18" x="83"/>
-    <use href="#product_image_with_price_shirt" y="18" x="137"/>
-    <use href="#product_image_with_price_watch" y="18" x="205"/>
-</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/snippets_options/product_view_detail.svg

@@ -1,41 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
-    <defs>
-        <g id="product_view_detail_shirt">
-            <path d="M12.9.4H5.417L.4,6.928l2.86,3.683h1.7V22.9h15.86V10.611h1.726L25.4,6.928,20.383.4Z" fill="#e89849"/>
-            <path d="M4.954,10.612h-1.7L.4,6.928,5.417.4H20.383L25.4,6.928l-2.86,3.684H20.814" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M20.814,8.526V22.9H4.954V5.437" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M16.718,1.648a4.032,4.032,0,0,1-7.283.839" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="2.465" transform="translate(18.349 18.115)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line x1="6.068" transform="translate(14.746 19.742)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_view_detail_watch">
-            <rect width="4.743" height="7.122" x="3.4" y="15.7" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <rect width="4.743" height="7.122" x="3.4" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M11.124,11.642A5.361,5.361,0,1,1,5.762,6.28,5.362,5.362,0,0,1,11.124,11.642Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="3.183" transform="translate(5.762 8.459)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <line y1="1.313" x2="1.961" transform="translate(5.762 10.329)" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_view_detail_pants">
-            <path d="M13.848,22.9H8.884L7.123,7.094,5.361,22.9H.4V.4H13.848Z" fill="#e89849" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M2.231,4.648h2.46V8.157L2.566,9.215.4,8.077" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-            <path d="M13.81,4.648H9.52V8.157l2.125,1.058" fill="none" stroke="#89440b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
-        </g>
-        <g id="product_view_detail_item">
-            <rect width="70" height="60" fill="#fff"/>
-            <rect width="15" height="2" x="11" y="52" fill="#595959"/>
-            <path d="M1.116-11.744H.5a1.827,1.827,0,0,0,.486,1.192,1.818,1.818,0,0,0,1.152.5v.594h.4v-.594a2.2,2.2,0,0,0,.638-.145,1.559,1.559,0,0,0,.5-.315A1.432,1.432,0,0,0,4-10.983a1.57,1.57,0,0,0,.12-.63A1.207,1.207,0,0,0,4-12.186a1.393,1.393,0,0,0-.308-.4,1.571,1.571,0,0,0-.377-.25,1.975,1.975,0,0,0-.341-.127l-.435-.116V-14.86a.964.964,0,0,1,.812.841h.616a2.074,2.074,0,0,0-.493-1,1.5,1.5,0,0,0-.935-.435v-.486h-.4v.478a1.794,1.794,0,0,0-.583.138,1.48,1.48,0,0,0-.471.315,1.48,1.48,0,0,0-.315.471,1.508,1.508,0,0,0-.116.6,1.508,1.508,0,0,0,.087.544.929.929,0,0,0,.272.38,1.7,1.7,0,0,0,.464.268,4.95,4.95,0,0,0,.663.207v1.92a1.3,1.3,0,0,1-.721-.355A1.079,1.079,0,0,1,1.116-11.744Zm1.42,1.123V-12.44q.2.058.37.127a1.1,1.1,0,0,1,.3.17.762.762,0,0,1,.2.243.765.765,0,0,1,.072.351,1.07,1.07,0,0,1-.069.4.742.742,0,0,1-.2.283.861.861,0,0,1-.3.17A1.483,1.483,0,0,1,2.536-10.621Zm-.4-4.261v1.7A2.683,2.683,0,0,1,1.8-13.3a1.123,1.123,0,0,1-.265-.156.613.613,0,0,1-.174-.225.768.768,0,0,1-.062-.322.791.791,0,0,1,.243-.627A1.031,1.031,0,0,1,2.138-14.882Z" transform="translate(4.5 65)" fill="#595959"/>
-            <rect width="60" height="2" x="5" y="34" fill="#222"/>
-            <rect width="54" height="1" x="5" y="39" fill="#666"/>
-            <rect width="37" height="1" x="5" y="42" fill="#666"/>
-            <rect width="28" height="7" rx="2" x="37" y="50" fill="#3aadaa"/>
-            <rect width="12" height="1" x="45" y="53" fill="#fff"/>
-            <rect width="70" height="30" fill="#9ccde4"/>
-        </g>
-    </defs> 
-    <use href="#product_view_detail_item" y="5" x="5"/>
-    <use href="#product_view_detail_item" y="5" x="85"/>
-    <use href="#product_view_detail_item" y="5" x="165"/>
-    <use href="#product_view_detail_shirt" y="8" x="27"/>
-    <use href="#product_view_detail_watch" y="8" x="114"/>
-    <use href="#product_view_detail_pants" y="8" x="193"/>
-</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/img/snippets_thumbs/s_dynamic_products.svg

@@ -1,99 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
-  <defs>
-    <linearGradient id="linearGradient-1" x1="50%" x2="50%" y1="0%" y2="100%">
-      <stop offset="0%" stop-color="#00A09D"/>
-      <stop offset="100%" stop-color="#00E2FF"/>
-    </linearGradient>
-    <path id="path-2" d="M16 19v1H8v-1h8zm17 0v1h-9v-1h9zm16 0v1h-9v-1h9z"/>
-    <filter id="filter-3" width="102.4%" height="300%" x="-1.2%" y="-50%" filterUnits="objectBoundingBox">
-      <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
-      <feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.0995137675 0"/>
-    </filter>
-    <polygon id="path-4" points="0 8.954 5.571 11.28 5.571 4.714 0 2.571"/>
-    <filter id="filter-5" width="117.9%" height="123%" x="-9%" y="-5.7%" filterUnits="objectBoundingBox">
-      <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
-      <feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.4 0"/>
-    </filter>
-    <polygon id="path-6" points="6.429 11.28 12 8.954 12 2.571 6.429 4.714"/>
-    <filter id="filter-7" width="117.9%" height="123%" x="-9%" y="-5.7%" filterUnits="objectBoundingBox">
-      <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
-      <feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.292012675 0"/>
-    </filter>
-    <polygon id="path-8" points="0 8.954 5.571 11.28 5.571 4.714 0 2.571"/>
-    <filter id="filter-9" width="117.9%" height="123%" x="-9%" y="-5.7%" filterUnits="objectBoundingBox">
-      <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
-      <feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.4 0"/>
-    </filter>
-    <polygon id="path-10" points="6.429 11.28 12 8.954 12 2.571 6.429 4.714"/>
-    <filter id="filter-11" width="117.9%" height="123%" x="-9%" y="-5.7%" filterUnits="objectBoundingBox">
-      <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
-      <feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.292012675 0"/>
-    </filter>
-    <polygon id="path-12" points="0 8.954 5.571 11.28 5.571 4.714 0 2.571"/>
-    <filter id="filter-13" width="117.9%" height="123%" x="-9%" y="-5.7%" filterUnits="objectBoundingBox">
-      <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
-      <feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.4 0"/>
-    </filter>
-    <polygon id="path-14" points="6.429 11.28 12 8.954 12 2.571 6.429 4.714"/>
-    <filter id="filter-15" width="117.9%" height="123%" x="-9%" y="-5.7%" filterUnits="objectBoundingBox">
-      <feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
-      <feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
-      <feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.292012675 0"/>
-    </filter>
-  </defs>
-  <g fill="none" fill-rule="evenodd" class="snippets_thumbs">
-    <g class="s_products_recently_viewed">
-      <rect width="82" height="60" class="bg"/>
-      <g class="group" transform="translate(13 20)">
-        <path fill="url(#linearGradient-1)" d="M17.154 15v2H7v-2h10.154zm16.923 0v2h-11v-2h11zM51 15v2H38.308v-2H51z" class="combined_shape"/>
-        <g class="combined_shape">
-          <use fill="#000" filter="url(#filter-3)" xlink:href="#path-2"/>
-          <use fill="#FFF" fill-opacity=".348" xlink:href="#path-2"/>
-        </g>
-        <g class="box_solid" transform="translate(6)">
-          <rect width="12" height="11.143" class="rectangle"/>
-          <polygon fill="#FFF" fill-opacity=".78" points="6 .429 0 2.061 6 4.286 12 2.061" class="path"/>
-          <g class="path">
-            <use fill="#000" filter="url(#filter-5)" xlink:href="#path-4"/>
-            <use fill="#FFF" fill-opacity=".95" xlink:href="#path-4"/>
-          </g>
-          <g class="path">
-            <use fill="#000" filter="url(#filter-7)" xlink:href="#path-6"/>
-            <use fill="#FFF" fill-opacity=".78" xlink:href="#path-6"/>
-          </g>
-        </g>
-        <g class="box_solid" transform="translate(38)">
-          <rect width="12" height="11.143" class="rectangle"/>
-          <polygon fill="#FFF" fill-opacity=".78" points="6 .429 0 2.061 6 4.286 12 2.061" class="path"/>
-          <g class="path">
-            <use fill="#000" filter="url(#filter-9)" xlink:href="#path-8"/>
-            <use fill="#FFF" fill-opacity=".95" xlink:href="#path-8"/>
-          </g>
-          <g class="path">
-            <use fill="#000" filter="url(#filter-11)" xlink:href="#path-10"/>
-            <use fill="#FFF" fill-opacity=".78" xlink:href="#path-10"/>
-          </g>
-        </g>
-        <g class="box_solid" transform="translate(22)">
-          <rect width="12" height="11.143" class="rectangle"/>
-          <polygon fill="#FFF" fill-opacity=".78" points="6 .429 0 2.061 6 4.286 12 2.061" class="path"/>
-          <g class="path">
-            <use fill="#000" filter="url(#filter-13)" xlink:href="#path-12"/>
-            <use fill="#FFF" fill-opacity=".95" xlink:href="#path-12"/>
-          </g>
-          <g class="path">
-            <use fill="#000" filter="url(#filter-15)" xlink:href="#path-14"/>
-            <use fill="#FFF" fill-opacity=".78" xlink:href="#path-14"/>
-          </g>
-        </g>
-        <path fill="#FFF" stroke="#FFF" d="M1.5 4.793v4.414L-.707 7 1.5 4.793zm53-1L56.707 6 54.5 8.207V3.793z" class="combined_shape"/>
-      </g>
-    </g>
-  </g>
-</svg>

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/interactions/address.js

@@ -0,0 +1,28 @@
+import { CustomerAddress } from '@portal/interactions/address';
+import { patch } from '@web/core/utils/patch';
+
+patch(CustomerAddress.prototype, {
+    // /shop/address
+
+    setup() {
+        super.setup();
+        // There is two main buttons in the DOM for mobile or desktop. User can switch from one mode
+        // to the other by rotating their tablet.
+        this.submitButtons = document.getElementsByName("website_sale_main_button");
+        if (this.submitButtons) {
+            this._boundSaveAddress = this.saveAddress.bind(this);
+            this.submitButtons.forEach(
+                submitButton => submitButton.addEventListener('click', this._boundSaveAddress)
+            );
+        }
+    },
+
+    destroy() {
+        if (this.submitButtons) {
+            this.submitButtons.forEach(
+                submitButton => submitButton.removeEventListener('click', this._boundSaveAddress)
+            );
+        }
+        super.destroy();
+    },
+});

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/interactions/carousel_product.js

@@ -0,0 +1,119 @@
+import { Interaction } from "@web/public/interaction";
+import { registry } from "@web/core/registry";
+
+import { SIZES, utils as uiUtils } from "@web/core/ui/ui_service";
+
+export class CarouselProduct extends Interaction {
+    static selector = "#o-carousel-product";
+    dynamicContent = {
+        _root: {
+            "t-on-slide.bs.carousel.noUpdate": this.onSlideCarouselProduct,
+            "t-att-style": () => ({
+                "top": this.top,
+            }),
+        },
+        _window: {
+            "t-on-resize.noUpdate": this.throttled(this.onSlideCarouselProduct),
+        },
+        ".carousel-indicators": {
+            "t-att-style": () => ({
+                "justify-content": this.indicatorJustify,
+            }),
+        },
+        ".o_carousel_product_indicators": {
+            "t-on-wheel.prevent": this.onMouseWheel,
+        },
+    };
+
+    setup() {
+        this.top = undefined;
+        this.indicatorJustify = "start";
+    }
+
+    start() {
+        this.updateCarouselPosition();
+        this.registerCleanup(this.services.website_menus.registerCallback(this.updateCarouselPosition.bind(this)));
+        if (this.el.querySelector(".carousel-indicators")) {
+            this.updateJustifyContent();
+        }
+    }
+
+    updateCarouselPosition() {
+        let size = 5;
+        for (const el of document.querySelectorAll(".o_top_fixed_element")) {
+            const style = window.getComputedStyle(el);
+            size += el.getBoundingClientRect().height + parseFloat(style.marginTop) + parseFloat(style.marginBottom);
+        }
+        this.top = size;
+    }
+
+    /**
+     * Center the selected indicator to scroll the indicators list when it
+     * overflows.
+     *
+     * @param {Event} ev
+     */
+    onSlideCarouselProduct(ev) {
+        const isReversed = this.el.style["flex-direction"] === "column-reverse";
+        const isLeftIndicators = this.el.classList.contains("o_carousel_product_left_indicators");
+        const indicatorsDivEl = this.el.querySelector(isLeftIndicators ? ".o_carousel_product_indicators" : ".carousel-indicators");
+        if (!indicatorsDivEl) {
+            return;
+        }
+        const isVertical = isLeftIndicators && !isReversed;
+        const currentIndicatorEl = ev?.relatedTarget || this.el.querySelector("li.active");
+        let indicatorIndex = currentIndicatorEl ? [...currentIndicatorEl.parentElement.children].findIndex(el => el === currentIndicatorEl) : -1;
+        const indicatorEl = indicatorsDivEl.querySelector(`[data-bs-slide-to="${indicatorIndex}"]`);
+        const indicatorsDivRect = indicatorsDivEl.getBoundingClientRect();
+        const indicatorsDivStyle = window.getComputedStyle(indicatorsDivEl);
+        const indicatorsDivSize = isVertical ? indicatorsDivRect.height + parseFloat(indicatorsDivStyle.marginTop) + parseFloat(indicatorsDivStyle.marginBottom) : indicatorsDivRect.width + parseFloat(indicatorsDivStyle.marginLeft) + parseFloat(indicatorsDivStyle.marginRight);
+        const indicatorRect = indicatorEl.getBoundingClientRect();
+        const indicatorStyle = window.getComputedStyle(indicatorEl);
+        const indicatorSize = isVertical ? indicatorRect.height : indicatorRect.width;
+        const indicatorPosition = isVertical ? indicatorRect.top - indicatorsDivRect.top - parseFloat(indicatorStyle.marginTop) : indicatorRect.left - indicatorsDivRect.left - parseFloat(indicatorStyle.marginLeft);
+        const scrollSize = isVertical ? indicatorsDivEl.scrollHeight : indicatorsDivEl.scrollWidth;
+        let indicatorsPositionDiff = (indicatorPosition + (indicatorSize / 2)) - (indicatorsDivSize / 2);
+        indicatorsPositionDiff = Math.min(indicatorsPositionDiff, scrollSize - indicatorsDivSize);
+        this.updateJustifyContent();
+        const indicatorsPositionX = isVertical ? "0" : "-" + indicatorsPositionDiff;
+        const indicatorsPositionY = isVertical ? "-" + indicatorsPositionDiff : "0";
+        const translate3D = indicatorsPositionDiff > 0 ? "translate3d(" + indicatorsPositionX + "px," + indicatorsPositionY + "px,0)" : "";
+        indicatorsDivEl.style.setProperty("transform", translate3D);
+    }
+
+    updateJustifyContent() {
+        this.indicatorJustify = "start";
+        if (uiUtils.getSize() <= SIZES.MD) {
+            const indicatorsDivEl = this.el.querySelector(".carousel-indicators");
+            const firstIndicatorEl = indicatorsDivEl.firstElementChild;
+            const lastIndicatorEl = indicatorsDivEl.lastElementChild;
+            const { left: lastIndicatorLeft } = lastIndicatorEl.getBoundingClientRect();
+            if (lastIndicatorLeft + firstIndicatorEl.offsetWidth < indicatorsDivEl.offsetWidth) {
+                this.indicatorJustify = "center";
+            }
+        }
+        this.updateContent();
+    }
+
+    /**
+     * @param {MouseEvent} ev
+     */
+    onMouseWheel(ev) {
+        const bsCarousel = window.Carousel.getOrCreateInstance(this.el);
+        if (ev.deltaY > 0) {
+            bsCarousel.next();
+        } else {
+            bsCarousel.prev();
+        }
+    }
+}
+
+registry
+    .category("public.interactions")
+    .add("website_sale.carousel_product", CarouselProduct);
+
+registry
+    .category("public.interactions.edit")
+    .add("website_sale.carousel_product", {
+        Interaction: CarouselProduct,
+    });

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/interactions/cart_line.js

@@ -0,0 +1,91 @@
+import { Interaction } from '@web/public/interaction';
+import { browser } from '@web/core/browser/browser';
+import { registry } from '@web/core/registry';
+import { rpc } from '@web/core/network/rpc';
+import { redirect } from '@web/core/utils/urls';
+import wSaleUtils from '@website_sale/js/website_sale_utils';
+
+export class CartLine extends Interaction {
+    static selector = '.o_cart_product';
+    dynamicContent = {
+        '.css_quantity > input.js_quantity': {
+            't-on-change.withTarget': this.locked(this.debounced(this.changeQuantity, 500)),
+        },
+        '.css_quantity > a': {
+            't-on-click.prevent.withTarget': this.locked(this.incOrDecQuantity),
+        },
+        '.js_delete_product': { 't-on-click.prevent': this.locked(this.deleteProduct) },
+    };
+
+    /**
+     * @param {Event} ev
+     * @param {HTMLElement} currentTargetEl
+     */
+    async changeQuantity(ev, currentTargetEl) {
+        await this._changeQuantity(currentTargetEl);
+    }
+
+    /**
+     * @param {Event} ev
+     * @param {HTMLElement} currentTargetEl
+     */
+    async incOrDecQuantity(ev, currentTargetEl) {
+        const input = currentTargetEl.closest('.css_quantity').querySelector('input.js_quantity');
+        const maxQuantity = parseFloat(input.dataset.max || Infinity);
+        const oldQuantity = parseFloat(input.value || 0);
+        const newQuantity = currentTargetEl.querySelector('i').classList.contains('oi-minus')
+            ? Math.min(Math.max(oldQuantity - 1, 0), maxQuantity)
+            : Math.min(oldQuantity + 1, maxQuantity);
+        if (oldQuantity !== newQuantity) {
+            input.value = newQuantity;
+            await this._changeQuantity(input);
+        }
+    }
+
+    /**
+     * @param {Event} ev
+     */
+    async deleteProduct(ev) {
+        const input = ev.currentTarget.closest('.o_cart_product')
+            .querySelector('.css_quantity > input.js_quantity');
+        input.value = 0;
+        await this._changeQuantity(input);
+    }
+
+    async _changeQuantity(input) {
+        let quantity = parseInt(input.value || 0);
+        if (isNaN(quantity)) quantity = 1;
+        const lineId = parseInt(input.dataset.lineId);
+        const data = await this.waitFor(rpc('/shop/cart/update', {
+            line_id: lineId,
+            product_id: parseInt(input.dataset.productId),
+            quantity: quantity,
+        }));
+
+        if (!data.cart_quantity) {
+            // Ensure the last cart removal is recorded.
+            browser.sessionStorage.setItem('website_sale_cart_quantity', 0);
+            return redirect('/shop/cart');
+        }
+        input.value = data.quantity;
+        this.el.querySelectorAll(`.js_quantity[data-line-id="${lineId}"]`).forEach(input =>
+            input.value = data.quantity
+        );
+
+        const cart = this.el.closest('#shop_cart');
+        // `updateCartNavBar` regenerates the cart lines and `updateQuickReorderSidebar`
+        // regenerates the quick reorder products, so we need to stop and start interactions
+        // to make sure the regenerated cart lines and reorder products are properly handled.
+        this.services['public.interactions'].stopInteractions(cart);
+        wSaleUtils.updateCartNavBar(data);
+        wSaleUtils.updateQuickReorderSidebar(data);
+        this.services['public.interactions'].startInteractions(cart);
+        wSaleUtils.showWarning(data.warning);
+        // Propagate the change to the express checkout forms.
+        this.env.bus.trigger('cart_amount_changed', [data.amount, data.minor_amount]);
+    }
+}
+
+registry
+    .category('public.interactions')
+    .add('website_sale.cart_line', CartLine);

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/interactions/cart_suggestion.js

@@ -0,0 +1,28 @@
+import { Interaction } from '@web/public/interaction';
+import { registry } from '@web/core/registry';
+
+export class CartSuggestion extends Interaction {
+    static selector = '[name="suggested_product"]';
+    dynamicContent = {
+        'button.js_add_suggested_products': { 't-on-click': this.addSuggestedProduct },
+    };
+
+    /**
+     * @param {Event} ev
+     */
+    addSuggestedProduct(ev) {
+        const dataset = ev.currentTarget.dataset;
+        this.services['cart'].add({
+            productTemplateId: parseInt(dataset.productTemplateId),
+            productId: parseInt(dataset.productId),
+            isCombo: dataset.productType === 'combo',
+        }, {
+            isBuyNow: true,
+            showQuantity: Boolean(dataset.showQuantity),
+        });
+    }
+}
+
+registry
+    .category('public.interactions')
+    .add('website_sale.cart_suggestion', CartSuggestion);

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/interactions/checkout.js

@@ -0,0 +1,649 @@
+import { Interaction } from '@web/public/interaction';
+import { registry } from '@web/core/registry';
+import { _t } from '@web/core/l10n/translation';
+import { rpc } from '@web/core/network/rpc';
+import {
+    LocationSelectorDialog
+} from '@delivery/js/location_selector/location_selector_dialog/location_selector_dialog';
+
+export class Checkout extends Interaction {
+    static selector = '#shop_checkout';
+    dynamicContent = {
+        // Addresses
+        '.card': { 't-on-click': this.changeAddress },
+        // Cancel the address change to allow the redirect to the edit page to take place.
+        '.js_edit_address': { 't-on-click.stop': () => {} },
+        '#use_delivery_as_billing': { 't-on-change': this.toggleBillingAddressRow },
+        // Delivery methods
+        '[name="o_delivery_radio"]': { 't-on-click': this.selectDeliveryMethod },
+        '[name="o_pickup_location_selector"]': { 't-on-click': this.selectPickupLocation },
+    };
+
+    setup() {
+        // There are two main buttons in the DOM (one for mobile and one for desktop).
+        // We need to get the one that's actually displayed.
+        this.mainButton = Array.from(document.getElementsByName('website_sale_main_button'))
+            .find(button => button.offsetParent !== null);
+        this.useDeliveryAsBillingToggle = document.querySelector('#use_delivery_as_billing');
+        this.billingContainer = this.el.querySelector('#billing_container');
+        this.addBillingAddressBtn = this.el.querySelector('.o_add_billing_address_btn');
+    }
+
+    async willStart() {
+        await this.waitFor(this._prepareDeliveryMethods());
+    }
+
+    async start() {
+        // Monitor when the page is restored from the bfcache.
+        const boundOnNavigationBack = this._onNavigationBack.bind(this);
+        window.addEventListener("pageshow", boundOnNavigationBack);
+        this.registerCleanup(() => window.removeEventListener("pageshow", boundOnNavigationBack));
+    }
+
+    /**
+     * Reload the page when the page is restored from the bfcache.
+     *
+     * @param {PageTransitionEvent} event - The pageshow event.
+     * @private
+     */
+    _onNavigationBack(event) {
+        if (event.persisted) {
+            window.location.reload();
+        }
+    }
+
+    /**
+     * Set the billing or delivery address on the order and update the corresponding card.
+     *
+     * @param {Event} ev
+     * @return {void}
+     */
+    async changeAddress(ev) {
+        const newAddress = ev.currentTarget;
+        if (newAddress.classList.contains('bg-400')) { // If the card is already selected.
+            return;
+        }
+        const addressType = newAddress.dataset.addressType;
+
+        // Remove the highlighting from the previously selected address card.
+        const previousAddress = this._getSelectedAddress(addressType);
+        this._tuneDownAddressCard(previousAddress);
+
+        // Highlight the newly selected address card.
+        this._highlightAddressCard(newAddress);
+        const selectedPartnerId = newAddress.dataset.partnerId;
+        await this.waitFor(this.updateAddress(addressType, selectedPartnerId));
+        // A delivery address is changed.
+        if (addressType === 'delivery' || this.billingContainer.dataset.deliveryAddressDisabled) {
+            if (this.billingContainer.dataset.deliveryAddressDisabled) {
+                // If a delivery address is disabled in the settings, use a billing address as
+                // a delivery one.
+                await this.waitFor(this.updateAddress('delivery', selectedPartnerId));
+            }
+            if (this.useDeliveryAsBillingToggle?.checked) {
+                await this.waitFor(this._selectMatchingBillingAddress(selectedPartnerId));
+            }
+            const deliveryFormHtml = await this.waitFor(rpc('/shop/delivery_methods'));
+            // The delivery methods are regenerated below, so we need to stop and start interactions
+            // to make sure the regenerated delivery methods are properly handled.
+            this.services['public.interactions'].stopInteractions(this.el);
+            // Update the available delivery methods.
+            document.getElementById('o_delivery_form').innerHTML = deliveryFormHtml;
+            this.services['public.interactions'].startInteractions(this.el);
+            await this.waitFor(this._prepareDeliveryMethods());
+        }
+        this._enableMainButton();  // Try to enable the main button.
+    }
+
+    /**
+     * Show/hide the billing address row when the user toggles the 'use delivery as billing' input.
+     *
+     * The URLs of the "create address" buttons are updated to propagate the value of the input.
+     *
+     * @param ev
+     * @return {void}
+     */
+    async toggleBillingAddressRow(ev) {
+        const useDeliveryAsBilling = ev.target.checked;
+
+        const addDeliveryAddressButton = this.el.querySelector(
+            '.o_address_card_add_new[data-address-type="delivery"]'
+        );
+        if (addDeliveryAddressButton) {  // If `Add address` button for delivery.
+            // Update the `use_delivery_as_billing` query param for a new delivery address URL.
+            const addDeliveryUrl = new URL(addDeliveryAddressButton.href);
+            addDeliveryUrl.searchParams.set(
+                'use_delivery_as_billing', encodeURIComponent(useDeliveryAsBilling)
+            );
+            addDeliveryAddressButton.href = addDeliveryUrl.toString();
+        }
+
+        // Toggle the billing address row.
+        if (useDeliveryAsBilling) {
+            this.billingContainer.classList.add('d-none');  // Hide the billing address row.
+            const selectedDeliveryAddress = this._getSelectedAddress('delivery');
+            await this.waitFor(
+                this._selectMatchingBillingAddress(selectedDeliveryAddress.dataset.partnerId)
+            );
+        } else {
+            this._disableMainButton();
+            this.billingContainer.classList.remove('d-none'); // Show the billing address row.
+        }
+        this.addBillingAddressBtn.classList.toggle('d-none', useDeliveryAsBilling);
+
+        this._enableMainButton();  // Try to enable the main button.
+    }
+
+    /**
+     * Fetch the delivery rate for the selected delivery method and update the displayed amounts.
+     *
+     * @param {Event} ev
+     * @return {void}
+     */
+    async selectDeliveryMethod(ev) {
+        const checkedRadio = ev.currentTarget;
+        if (checkedRadio.disabled) {  // The delivery rate request failed.
+            return; // Failing delivery methods cannot be selected.
+        }
+
+        // Disable the main button while fetching delivery rates.
+        this._disableMainButton();
+
+        // Hide and reset the order location name and address if defined.
+        this._hidePickupLocation();
+
+        // Fetch delivery rates and update the cart summary and the price badge accordingly.
+        await this.waitFor(this._updateDeliveryMethod(checkedRadio));
+
+        // Re-enable the main button after delivery rates have been fetched.
+        this._enableMainButton();
+
+        // Show a button to open the location selector if required for the selected delivery method.
+        await this._showPickupLocation(checkedRadio);
+    }
+
+    /**
+     * Fetch and display the closest pickup locations based on the zip code.
+     *
+     * @param {Event} ev
+     * @return {void}
+     */
+    async selectPickupLocation(ev) {
+        const { zipCode, locationId } = ev.currentTarget.dataset;
+        const deliveryMethodContainer = this._getDeliveryMethodContainer(ev.currentTarget);
+        this.services.dialog.add(LocationSelectorDialog, {
+            zipCode: zipCode,
+            selectedLocationId: locationId,
+            isFrontend: true,
+            save: async location => {
+                const jsonLocation = JSON.stringify(location);
+                // Assign the selected pickup location to the order.
+                await this.waitFor(this._setPickupLocation(jsonLocation));
+
+                //  Show and set the order location details.
+                this._updatePickupLocation(deliveryMethodContainer, location, jsonLocation);
+
+                this._enableMainButton();
+            },
+        });
+    }
+
+    // #=== DOM MANIPULATION ===#
+
+    /**
+     * Update the pickup location address elements and the 'edit' button's values.
+     *
+     * @private
+     * @param deliveryMethodContainer - The container element of the delivery method.
+     * @param location - The selected location as an object.
+     * @param jsonLocation - The selected location as an JSON string.
+     * @return {void}
+     */
+    _updatePickupLocation(deliveryMethodContainer, location, jsonLocation) {
+        const pickupLocation = deliveryMethodContainer.querySelector('[name="o_pickup_location"]');
+        pickupLocation.querySelector('[name="o_pickup_location_name"]').innerText = location.name;
+        pickupLocation.querySelector(
+            '[name="o_pickup_location_address"]'
+        ).innerText = `${location.street} ${location.zip_code} ${location.city}`;
+        const editPickupLocationButton = pickupLocation.querySelector(
+            'span[name="o_pickup_location_selector"]'
+        );
+        editPickupLocationButton.dataset.locationId = location.id;
+        editPickupLocationButton.dataset.zipCode = location.zip_code;
+        editPickupLocationButton.dataset.pickupLocationData = jsonLocation;
+        pickupLocation.querySelector(
+            '[name="o_pickup_location_details"]'
+        ).classList.remove('d-none');
+
+        // Remove the button.
+        pickupLocation.querySelector('button[name="o_pickup_location_selector"]')?.remove();
+    }
+
+    /**
+     * Remove the highlighting from the address card.
+     *
+     * @private
+     * @param card - The card element of the selected address.
+     * @return {void}
+     */
+    _tuneDownAddressCard(card) {
+        if (!card) return;
+        card.classList.remove('bg-400', 'border', 'border-primary');
+    }
+
+    /**
+     * Highlight the address card.
+     *
+     * @private
+     * @param card - The card element of the selected address.
+     * @return {void}
+     */
+    _highlightAddressCard(card) {
+        if (!card) return;
+        card.classList.add('bg-400', 'border', 'border-primary');
+    }
+
+    /**
+     * Disable the main button.
+     *
+     * @private
+     * @return {void}
+     */
+    _disableMainButton() {
+        this.mainButton?.classList.add('disabled');
+    }
+
+    /**
+     * Enable the main button if all conditions are satisfied.
+     *
+     * @private
+     * @return {void}
+     */
+    _enableMainButton() {
+        if (this._canEnableMainButton()) {
+            this.mainButton?.classList.remove('disabled');
+        }
+    }
+
+    /**
+     * Return whether a delivery method and a billing address are selected.
+     *
+     * @private
+     * @return {boolean}
+     */
+    _canEnableMainButton(){
+        return this._isDeliveryMethodReady() && this._isBillingAddressSelected();
+    }
+
+    /**
+     * Hide the pickup location.
+     *
+     * @private
+     * @return {void}
+     */
+    _hidePickupLocation() {
+        const pickupLocations = document.querySelectorAll(
+            '[name="o_pickup_location"]:not(.d-none)'
+        );
+        pickupLocations.forEach(pickupLocation =>
+            pickupLocation.classList.add('d-none') // Hide the whole div.
+        );
+    }
+
+    /**
+     * Set the delivery method on the order and update the price badge and cart summary.
+     *
+     * @private
+     * @param {HTMLInputElement} radio - The radio button linked to the delivery method.
+     * @return {void}
+     */
+    async _updateDeliveryMethod(radio) {
+        this._showLoadingBadge(radio);
+        const result = await this.waitFor(this._setDeliveryMethod(radio.dataset.dmId));
+        this._updateAmountBadge(radio, result);
+        this._updateCartSummaries(result);
+    }
+
+    /**
+     * Display a loading spinner on the delivery price badge.
+     *
+     * @private
+     * @param {HTMLInputElement} radio - The radio button linked to the delivery method.
+     * @return {void}
+     */
+    _showLoadingBadge(radio) {
+        const deliveryPriceBadge = this._getDeliveryPriceBadge(radio);
+        this._clearElement(deliveryPriceBadge);
+        deliveryPriceBadge.appendChild(this._createLoadingElement());
+    }
+
+    /**
+     * Update the delivery price badge with the delivery rate.
+     *
+     * If the rate is zero, the price badge displays "Free" instead.
+     *
+     * @private
+     * @param {HTMLInputElement} radio - The radio button linked to the delivery method.
+     * @param {Object} rateData - The delivery rate data.
+     * @return {void}
+     */
+    _updateAmountBadge(radio, rateData) {
+        const deliveryPriceBadge = this._getDeliveryPriceBadge(radio);
+        if (rateData.success) {
+            if (rateData.compute_price_after_delivery) {
+                // Inform the customer that the price will be computed after delivery.
+                deliveryPriceBadge.textContent = _t("Computed after delivery");
+            } else if (rateData.is_free_delivery) {
+                // If it's a free delivery (`free_over` field), show 'Free', not '$ 0'.
+                deliveryPriceBadge.textContent = _t("Free");
+            } else {
+                deliveryPriceBadge.innerHTML = rateData.amount_delivery;
+            }
+            this._toggleDeliveryMethodRadio(radio);
+        } else {
+            deliveryPriceBadge.textContent = rateData.error_message;
+            this._toggleDeliveryMethodRadio(radio, true);
+        }
+    }
+
+    /**
+     * Update the order summary table with the delivery rate of the selected delivery method.
+     *
+     * @private
+     * @param {Object} result - The order summary values.
+     * @param {Object} targetEl - Specific cart summary to update.
+     * @return {void}
+     */
+    _updateCartSummary(result, targetEl) {
+        const amountDelivery = targetEl.querySelector(
+            'tr[name="o_order_delivery"] .monetary_field'
+        );
+        const amountUntaxed = targetEl.querySelector(
+            'tr[name="o_order_total_untaxed"] .monetary_field'
+        );
+        const amountTax = targetEl.querySelector('tr[name="o_order_total_taxes"] .monetary_field');
+        const amountTotal = targetEl.parentElement.querySelectorAll(
+            'tr[name="o_order_total"] .monetary_field, #amount_total_summary.monetary_field'
+        );
+
+        // When no dm is set and a price span is hidden, hide the message and show the price span.
+        if (amountDelivery.classList.contains('d-none')) {
+            amountDelivery.querySelector('span[name="o_message_no_dm_set"]')?.classList.add('d-none');
+            amountDelivery.classList.remove('d-none');
+        }
+
+        amountDelivery.innerHTML = result.amount_delivery;
+        amountUntaxed.innerHTML = result.amount_untaxed;
+        amountTax.innerHTML = result.amount_tax;
+        amountTotal.forEach(total => total.innerHTML = result.amount_total);
+    }
+
+    /**
+     * Update the order summary table with the delivery rate of the selected delivery method.
+     *
+     * @private
+     * @param {Object} result - The order summary values.
+     * @return {void}
+     */
+    _updateCartSummaries(result) {
+        const parentElements = document.querySelectorAll(
+            '#o_cart_summary_offcanvas, div.o_total_card'
+        );
+        parentElements.forEach(el => this._updateCartSummary(result, el));
+    }
+
+    /**
+     * Enable or disable radio selection for a delivery method.
+     *
+     * @private
+     * @param {HTMLInputElement} radio - The radio button linked to the delivery method.
+     * @param {Boolean} disable - Whether the radio should be disabled.
+     */
+    _toggleDeliveryMethodRadio(radio, disable=false) {
+        const deliveryPriceBadge = this._getDeliveryPriceBadge(radio);
+        radio.disabled = disable;
+        if (disable) {
+            deliveryPriceBadge.classList.add('text-muted');
+        }
+        else {
+            deliveryPriceBadge.classList.remove('text-muted');
+        }
+    }
+
+    /**
+     * Remove all children of the provided element from the DOM.
+     *
+     * @private
+     * @param {Element} el - The element to clear.
+     * @return {void}
+     */
+    _clearElement(el) {
+        while (el.firstChild) {
+            el.removeChild(el.lastChild);
+        }
+    }
+
+    // #=== ADDRESS FLOW ===#
+
+    /**
+     * Select the billing address matching the currently selected delivery address.
+     *
+     * @private
+     * @param selectedPartnerId - The partner id of the selected delivery address.
+     * @return {void}
+     */
+    async _selectMatchingBillingAddress(selectedPartnerId) {
+        const previousAddress = this._getSelectedAddress('billing');
+        this._tuneDownAddressCard(previousAddress);
+        await this.waitFor(this.updateAddress('billing', selectedPartnerId));
+        const billingAddress = this.el.querySelector(
+            `.card[data-partner-id="${selectedPartnerId}"][data-address-type="billing"]`
+        );
+        this._highlightAddressCard(billingAddress);
+    }
+
+    /**
+     * Set the billing or delivery address on the order.
+     *
+     * @param addressType - The type of the address to set: 'delivery' or 'billing'.
+     * @param partnerId - The partner id of the address to set.
+     * @return {void}
+     */
+    async updateAddress(addressType, partnerId) {
+        await rpc('/shop/update_address', {address_type: addressType, partner_id: partnerId});
+    }
+
+    // #=== DELIVERY FLOW ===#
+
+    /**
+     * Change the delivery method to the one whose radio is selected and fetch all delivery rates.
+     *
+     * @private
+     * @return {void}
+     */
+    async _prepareDeliveryMethods() {
+        // Load the radios from the DOM here to update them if the template is re-rendered.
+        this.dmRadios = Array.from(document.querySelectorAll('input[name="o_delivery_radio"]'));
+        if (this.dmRadios.length > 0) {
+            const checkedRadio = document.querySelector('input[name="o_delivery_radio"]:checked');
+            this._disableMainButton();
+            if (checkedRadio) {
+                await this.waitFor(this._updateDeliveryMethod(checkedRadio));
+                this._enableMainButton();
+                await this._showPickupLocation(checkedRadio);
+            }
+        }
+        // Asynchronously fetch delivery rates to mitigate delays from third-party APIs
+        await Promise.all(this.dmRadios.filter(radio => !radio.checked).map(async radio => {
+            this._showLoadingBadge((radio));
+            const rateData = await this.waitFor(this._getDeliveryRate(radio));
+            this._updateAmountBadge(radio, rateData);
+        }));
+    }
+
+    /**
+     * Check if the delivery method is selected and if the pickup point is selected if needed.
+     *
+     * @private
+     * @return {boolean} Whether the delivery method is ready.
+     */
+    _isDeliveryMethodReady() {
+        if (this.dmRadios.length === 0) { // No delivery method is available.
+            return true; // Ignore the check.
+        }
+        const checkedRadio = document.querySelector('input[name="o_delivery_radio"]:checked');
+        return checkedRadio
+            && !checkedRadio.disabled
+            && !this._isPickupLocationMissing(checkedRadio);
+    }
+
+    /**
+     * Get the delivery rate of the delivery method linked to the provided radio.
+     *
+     * @private
+     * @param {HTMLInputElement} radio - The radio button linked to the delivery method.
+     * @return {Object} The delivery rate data.
+     */
+    async _getDeliveryRate(radio) {
+        return await rpc('/shop/get_delivery_rate', {'dm_id': radio.dataset.dmId});
+    }
+
+    /**
+     * Set the delivery method on the order and return the result values.
+     *
+     * @private
+     * @param {Integer} dmId - The id of selected delivery method.
+     * @return {Object} The result values.
+     */
+    async _setDeliveryMethod(dmId) {
+        return await rpc('/shop/set_delivery_method', {'dm_id': dmId});
+    }
+
+    /**
+     * Show the pickup location information or the button to open the location selector.
+     *
+     * @private
+     * @param {HTMLInputElement} radio - The radio button linked to the delivery method.
+     * @return {void}
+     */
+    async _showPickupLocation(radio) {
+        if (!radio.dataset.isPickupLocationRequired || radio.disabled) {
+            return;  // Fetching the delivery rate failed.
+        }
+        const deliveryMethodContainer = this._getDeliveryMethodContainer(radio);
+        const pickupLocation = deliveryMethodContainer.querySelector('[name="o_pickup_location"]');
+
+        const editPickupLocationButton = pickupLocation.querySelector(
+            'span[name="o_pickup_location_selector"]'
+        );
+        if (editPickupLocationButton.dataset.pickupLocationData) {
+            await this.waitFor(
+                this._setPickupLocation(editPickupLocationButton.dataset.pickupLocationData)
+            );
+        }
+
+        pickupLocation.classList.remove('d-none'); // Show the whole div.
+    }
+
+    /**
+     * Set the pickup location on the order.
+     *
+     * @private
+     * @param {String} pickupLocationData - The pickup location's data to set.
+     * @return {void}
+     */
+    async _setPickupLocation(pickupLocationData) {
+        await rpc('/website_sale/set_pickup_location', {pickup_location_data: pickupLocationData});
+    }
+
+    // #=== GETTERS & SETTERS ===#
+
+    /** Determine and return the selected address who card has the class rowAddrClass.
+     *
+     * @private
+     * @param addressType - The type of the address: 'billing' or 'delivery'.
+     * @return {Element}
+     */
+    _getSelectedAddress(addressType) {
+        return this.el.querySelector(`.card.bg-400[data-address-type="${addressType}"]`);
+    }
+
+    /**
+     * Return whether the "use delivery as billing" toggle is checked or a billing address is
+     * selected.
+     *
+     * @private
+     * @return {boolean} - Whether a billing address is selected.
+     */
+    _isBillingAddressSelected() {
+        const billingAddressSelected = Boolean(
+            this.el.querySelector('.card.bg-400[data-address-type="billing"]')
+        );
+        return billingAddressSelected || this.useDeliveryAsBillingToggle?.checked;
+    }
+
+    /**
+     * Create and return an element representing a loading spinner.
+     *
+     * @private
+     * @return {Element} The created element.
+     */
+    _createLoadingElement() {
+        const loadingElement = document.createElement('i');
+        loadingElement.classList.add('fa', 'fa-circle-o-notch', 'fa-spin', 'center');
+        return loadingElement;
+    }
+
+    /**
+     * Return the delivery price badge element of the delivery method linked to the provided radio.
+     *
+     * @private
+     * @param {HTMLInputElement} radio - The radio button linked to the delivery method.
+     * @return {Element} The delivery price badge element of the linked delivery method.
+     */
+    _getDeliveryPriceBadge(radio) {
+        const deliveryMethodContainer = this._getDeliveryMethodContainer(radio);
+        return deliveryMethodContainer.querySelector('.o_wsale_delivery_price_badge');
+    }
+
+    /**
+     * Return the container element of the delivery method linked to the provided element.
+     *
+     * @private
+     * @param {Element} el - The element linked to the delivery method.
+     * @return {Element} The container element of the linked delivery method.
+     */
+    _getDeliveryMethodContainer(el) {
+        return el.closest('[name="o_delivery_method"]');
+    }
+
+    /**
+     * Return whether a pickup location is required but not selected.
+     *
+     * @private
+     * @param {HTMLInputElement} radio - The radio button linked to the delivery method.
+     * @return {boolean} Whether a required pickup location is missing.
+     */
+    _isPickupLocationMissing(radio) {
+        const deliveryMethodContainer = this._getDeliveryMethodContainer(radio);
+        if (!this._isPickupLocationRequired(radio)) return false;
+        return !deliveryMethodContainer.querySelector(
+            'span[name="o_pickup_location_selector"]'
+        ).dataset.locationId;
+    }
+
+    /**
+     * Return whether a pickup is required for the delivery method linked to the provided radio.
+     *
+     * @private
+     * @param {HTMLInputElement} radio - The radio button linked to the delivery method.
+     * @return {bool} Whether a pickup is needed.
+     */
+    _isPickupLocationRequired(radio) {
+        return Boolean(radio.dataset.isPickupLocationRequired);
+    }
+}
+
+registry
+    .category('public.interactions')
+    .add('website_sale.checkout', Checkout);

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/interactions/extra_info_form.js

@@ -0,0 +1,21 @@
+import { patch } from '@web/core/utils/patch';
+import { patchDynamicContent } from '@web/public/utils';
+import { Form } from '@website/snippets/s_website_form/form';
+
+patch(Form.prototype, {
+    setup() {
+        super.setup();
+        // Only tie checkout-specific forms (with data-force_action="shop.sale.order") to the
+        // cart summary button. Other forms (e.g., custom form snippets added by users) should
+        // only respond to their own submit buttons, not block checkout progression.
+        if (this.el.dataset.force_action === 'shop.sale.order') {
+            this.dynamicSelectors = {
+                ...this.dynamicSelectors,
+                _submitbuttons: () => document.querySelectorAll('[name="website_sale_main_button"]'),
+            };
+            patchDynamicContent(this.dynamicContent, {
+                _submitbuttons: { 't-on-click.prevent.stop': this.locked(this.send.bind(this), true) },
+            });
+        }
+    },
+});

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/interactions/off_canvas.js

@@ -0,0 +1,32 @@
+import { Interaction } from '@web/public/interaction';
+import { registry } from '@web/core/registry';
+
+export class OffCanvas extends Interaction {
+    static selector = '#o_wsale_offcanvas';
+    dynamicContent = {
+        _root: {
+            't-on-show.bs.offcanvas': this.toggleFilters,
+            't-on-hidden.bs.offcanvas': this.toggleFilters,
+        },
+    };
+
+    /**
+     * Unfold active filters, fold inactive ones
+     *
+     * @param {Event} ev
+     */
+    toggleFilters(ev) {
+        for (const btn of this.el.querySelectorAll('button[data-status]')) {
+            if (
+                btn.classList.contains('collapsed') && btn.dataset.status === 'active'
+                || !btn.classList.contains('collapsed') && btn.dataset.status === 'inactive'
+            ) {
+                btn.click();
+            }
+        }
+    }
+}
+
+registry
+    .category('public.interactions')
+    .add('website_sale.off_canvas', OffCanvas);

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/interactions/payment_button.js

@@ -0,0 +1,38 @@
+import { patch } from '@web/core/utils/patch';
+import { PaymentButton } from '@payment/interactions/payment_button';
+
+patch(PaymentButton.prototype, {
+
+    /**
+     * Verify that the payment button is ready to be enabled.
+     *
+     * The conditions are that:
+     * - a delivery carrier is selected and ready (the price is computed) if deliveries are enabled;
+     * - the "Terms and Conditions" checkbox is ticked if it is present.
+     *
+     * @override method from @payment/interactions/payment_button
+     * @return {boolean}
+     */
+    _canSubmit() {
+        return super._canSubmit() && this._isTcCheckboxReady();
+    },
+
+    /**
+     * Check if the "Terms and Conditions" checkbox is ticked, if present.
+     *
+     * @private
+     * @return {boolean}
+     */
+    _isTcCheckboxReady() {
+        // Find the one T&C checkbox that is not hidden, either the desktop or the mobile one.
+        const checkboxes = document.querySelectorAll('#website_sale_tc_checkbox');
+        const visibleCheckbox = Array.from(checkboxes).find(el => el.offsetParent !== null);
+
+        if (!visibleCheckbox) { // The checkbox is not present.
+            return true; // Ignore the check.
+        }
+
+        return visibleCheckbox.checked;
+    },
+
+});

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/interactions/payment_form.js

@@ -0,0 +1,25 @@
+import { patch } from '@web/core/utils/patch';
+
+import { PaymentForm } from '@payment/interactions/payment_form';
+
+patch(PaymentForm.prototype, {
+
+     /**
+      * Create an event listener for the payment submit buttons located outside the payment form.
+      *
+      * Buttons that are inside the payment form are ignored as they are already handled by the
+      * payment form.
+      *
+      * @override
+     */
+     setup() {
+         super.setup();
+         const submitButtons = document.querySelectorAll('button[name="o_payment_submit_button"]');
+         submitButtons.forEach(submitButton => {
+             if (!this.el.contains(submitButton)) {  // The button is outside the payment form.
+                 submitButton.addEventListener('click', ev => this.submitForm(ev));
+             }
+         });
+     }
+
+});

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/interactions/popup.js

@@ -0,0 +1,14 @@
+import { patch } from "@web/core/utils/patch";
+import { Popup } from "@website/interactions/popup/popup";
+
+patch(Popup.prototype, {
+    /**
+     * @override
+     */
+    canBtnPrimaryClosePopup(primaryBtnEl) {
+        return (
+            super.canBtnPrimaryClosePopup(...arguments)
+            && !primaryBtnEl.classList.contains("js_add_cart")
+        );
+    },
+});

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/interactions/price_range.js

@@ -0,0 +1,34 @@
+import { Interaction } from '@web/public/interaction';
+import { redirect } from '@web/core/utils/urls';
+import { registry } from '@web/core/registry';
+
+export class PriceRange extends Interaction {
+    static selector = '#o_wsale_price_range_option';
+    dynamicContent = {
+        'input[type="range"]': { 't-on-newRangeValue': this.onPriceRangeSelected },
+    };
+
+    /**
+     * @param {Event} ev
+     */
+    onPriceRangeSelected(ev) {
+        const range = ev.currentTarget;
+        const url = new URL(range.dataset.url, window.location.origin);
+        const searchParams = url.searchParams;
+        if (parseFloat(range.min) !== range.valueLow) {
+            searchParams.set("min_price", range.valueLow);
+        }
+        if (parseFloat(range.max) !== range.valueHigh) {
+            searchParams.set("max_price", range.valueHigh);
+        }
+        const product_list_div = document.querySelector('.o_wsale_products_grid_table_wrapper');
+        if (product_list_div) {
+            product_list_div.classList.add('opacity-50');
+        }
+        redirect(`${url.pathname}?${searchParams.toString()}`);
+    }
+}
+
+registry
+    .category('public.interactions')
+    .add('website_sale.price_range', PriceRange);

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/interactions/product/product_images_grid.js

@@ -0,0 +1,159 @@
+/** @odoo-module **/
+
+import { Interaction } from "@web/public/interaction";
+import { registry } from "@web/core/registry";
+
+/**
+ * Interaction that sets the height of images as a CSS custom property
+ * on the product grid element. Used for responsive product grid layouts on mobile devices.
+ */
+export class ProductGridLayout extends Interaction {
+    static selector = "#o-grid-product";
+
+    dynamicContent = {
+        _window: {
+            "t-on-resize": this.debounced(this.onResize, 100),
+        },
+        _root: {
+            "t-att-class": () => ({
+                "o_grid_product_ready": this.isGridReady,
+            }),
+            "t-att-style": () => ({
+                "--o-wsale-js-grid-product-height": this.gridHeight || "auto",
+            }),
+        },
+    };
+
+    setup() {
+        this.gridHeight = null;
+        this.maxHeight = 0;
+        this.isGridReady = false;
+        this.loadedImages = new Set();
+
+        this.imagesEls = this.el.querySelectorAll('.product_detail_img');
+        this.isAutoRatioMode = this.el.classList.contains('o_grid_uses_ratio_auto') &&
+                               this.el.classList.contains('o_grid_uses_ratio_mobile_auto');
+    }
+
+    start() {
+        if (this.imagesEls.length === 0) {
+            return;
+        }
+
+        if (this.imagesEls.length === 1 || !this.isAutoRatioMode) {
+            this.handleStandardMode();
+        } else {
+            // Multiple images in auto ratio mode: use tallest
+            this.handleAutoRatioMode();
+        }
+
+        this.updateContent();
+    }
+
+    /**
+     * Handle standard mode - use first image height
+     */
+    handleStandardMode() {
+        const firstImage = this.imagesEls[0];
+
+        if (firstImage.complete && firstImage.naturalHeight !== 0) {
+            this.calculateImageHeight();
+        } else {
+            this.addListener(firstImage, 'load', this.calculateImageHeight);
+        }
+    }
+
+    /**
+     * Calculate and store the image height (standard mode)
+     */
+    calculateImageHeight() {
+        const firstImage = this.imagesEls[0];
+        if (!firstImage) return;
+
+        const height = firstImage.offsetHeight;
+        this.isGridReady = Boolean(height);
+        this.gridHeight = height ? `${height}px` : null;
+    }
+
+    /**
+     * Handle auto ratio mode - wait for all images and use tallest
+     */
+    handleAutoRatioMode() {
+        // Set 5-second timeout
+        const timeoutId = this.waitForTimeout(() => {
+            this.finalizeAutoRatioCalculation();
+        }, 5000);
+
+        this.imagesEls.forEach(imgEl => {
+            if (imgEl.complete && imgEl.naturalHeight !== 0) {
+                this.processLoadedImage(imgEl);
+            } else {
+                this.addListener(imgEl, 'load', () => {
+                    this.processLoadedImage(imgEl);
+
+                    // If all images are loaded, finalize early
+                    if (this.loadedImages.size === this.imagesEls.length) {
+                        clearTimeout(timeoutId);
+                        this.finalizeAutoRatioCalculation();
+                    }
+                });
+            }
+        });
+
+        // If all images were already loaded, finalize immediately
+        if (this.loadedImages.size === this.imagesEls.length) {
+            clearTimeout(timeoutId);
+            this.finalizeAutoRatioCalculation();
+        }
+    }
+
+    /**
+     * Process a loaded image and track its height
+     */
+    processLoadedImage(imgEl) {
+        this.loadedImages.add(imgEl);
+        const height = imgEl.offsetHeight;
+        if (height > this.maxHeight) {
+            this.maxHeight = height;
+        }
+    }
+
+    /**
+     * Finalize calculation for auto ratio mode
+     */
+    finalizeAutoRatioCalculation() {
+        this.isGridReady = true;
+        this.gridHeight = this.maxHeight ? `${this.maxHeight}px` : null;
+    }
+
+    /**
+     * On page resize, recalculate the image height (mobile only)
+     */
+    onResize() {
+        if (!this.env.isSmall) {
+            return;
+        }
+
+        if (this.isAutoRatioMode) {
+            // Recalculate max height from all loaded images
+            this.maxHeight = 0;
+            this.loadedImages.forEach(imgEl => {
+                const height = imgEl.offsetHeight;
+                if (height > this.maxHeight) {
+                    this.maxHeight = height;
+                }
+            });
+            this.gridHeight = this.maxHeight ? `${this.maxHeight}px` : null;
+        } else {
+            this.calculateImageHeight();
+        }
+    }
+}
+
+registry
+    .category("public.interactions")
+    .add("website.website_sale_product_grid_layout", ProductGridLayout);
+
+registry
+    .category("public.interactions.edit")
+    .add("website.website_sale_product_grid_layout", { Interaction: ProductGridLayout });

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/interactions/product/product_variant_preview.js

@@ -0,0 +1,180 @@
+import { Interaction } from '@web/public/interaction';
+import { registry } from '@web/core/registry';
+
+export class ProductVariantPreview extends Interaction {
+    static selector = "#o_wsale_products_grid";
+
+    dynamicContent = {
+        _window: {
+            "t-on-resize": this.debounced(this.updateVariantPreview, 250),
+        },
+    };
+
+    setup() {
+        // Class `gap-1` on parent adds 4px margin for each ptav.
+        this.margin = 4;
+        this.updateVariantPreview();
+    }
+
+    /**
+     * Hide all attribute values from view to be able to recompute correctly how many elements are
+     * to be shown.
+     *
+     * @private
+     *
+     * @returns {void}
+     */
+    _resetDisplay(attributePreviewer) {
+        for (const child of attributePreviewer.children) {
+            child.classList.add('d-none');
+        }
+    }
+
+    /**
+     * Update the count of hidden PTAVs with the correct number and make it visible.
+     *
+     * @private
+     * @param {Element} currentPTAV
+     * @param {Number} remainingSpace
+     *
+     * @returns {void}
+     */
+    _showHiddenPTAVsElement(
+        attributePreviewerValues, currentPTAV, remainingSpace, displayedPTAVCount
+    ) {
+        const {
+            ptavCount,
+            offsetWidthPTAVS,
+            hiddenCountSpan,
+            hiddenCountSpanWidth,
+        } = attributePreviewerValues;
+        while (currentPTAV && hiddenCountSpanWidth >= remainingSpace) {
+            currentPTAV.classList.add("d-none");
+            displayedPTAVCount--;
+            remainingSpace += offsetWidthPTAVS.get(currentPTAV);
+            currentPTAV = currentPTAV.previousElementSibling;
+        }
+        const hiddenPTAVCount = ptavCount - displayedPTAVCount;
+        hiddenCountSpan.firstElementChild.textContent = `+${hiddenPTAVCount}`;
+        hiddenCountSpan.classList.remove("d-none");
+    }
+
+    /**
+     * For each ptav check if there is enough space to add on the parent element and update the
+     * hidden PTAVs count accordingly, with the truncated elements from the backend.
+     *
+     * @private
+     *
+     * @returns {void}
+     */
+    _updateVariantPreview(attributePreviewer, attributePreviewerValues) {
+        const { containerWidth, ptavs, ptavCount, offsetWidthPTAVS } = attributePreviewerValues;
+        this._resetDisplay(attributePreviewer);
+        let usedWidth = 0;
+        let displayedPTAVCount = 0;
+        for (const ptav of ptavs) {
+            ptav.classList.remove('d-none');
+            usedWidth += offsetWidthPTAVS.get(ptav) + this.margin;
+            displayedPTAVCount++;
+            const remainingSpace = containerWidth - usedWidth;
+            const isLastPTAV = ptav === ptavs[ptavs.length - 1];
+            const hasHiddenPtavs = isLastPTAV && ptavCount > displayedPTAVCount;
+            if (usedWidth >= containerWidth || hasHiddenPtavs) {
+                this._showHiddenPTAVsElement(
+                    attributePreviewerValues, ptav, remainingSpace, displayedPTAVCount,
+                );
+                break;
+            }
+        }
+    }
+
+    /**
+     * Triggered on the parent element of the '.o_wsale_attribute_previewer' elements to run the
+     * interaction once instead of multiple times depending on how many elements or products exist
+     * on the page.
+     *
+     * Schedules and batches updates for all active '.o_wsale_attribute_previewer' elements
+     * to refresh their variant previews efficiently.
+     *
+     * Uses `requestAnimationFrame` to ensure that updates occur in sync with the browser’s
+     * rendering cycle, preventing redundant or frequent recalculations (trigger by offsetWidth).
+     */
+    updateVariantPreview() {
+        const attributePreviewers = this.el.querySelectorAll(".o_wsale_attribute_previewer");
+        const updateAllVariantPreview = this.protectSyncAfterAsync(() => {
+            const attributePreviewerValues = new Map();
+
+            // ---- Phase 1: Initiate the values needed for each attribute previewer ---------------
+            // Split into two sub-loops to avoid a forced reflow per product:
+            
+            // ---- Phase 1a: all DOM writes (resetDisplay, textContent, classList) ----------------
+            for (const attributePreviewer of attributePreviewers) {
+                this._resetDisplay(attributePreviewer);
+                const ptavs = attributePreviewer.querySelectorAll(".o_product_variant_preview");
+                // Set the hiddenCountSpan to the maximum number of ptavs there is to assume
+                // the worst case space it needs.
+                const hiddenCountSpan = attributePreviewer.querySelector(
+                    "span[name='hidden_ptavs_count']");
+                const ptavCount = ptavs.length + Number(
+                    attributePreviewer.dataset.hiddenPtavCount ?? 0);
+                hiddenCountSpan.firstElementChild.textContent = `+${ptavCount}`;
+                hiddenCountSpan.classList.remove("d-none");
+                attributePreviewerValues.set(
+                    attributePreviewer,
+                    {
+                        ptavs,
+                        hiddenCountSpan,
+                        ptavCount,
+                        offsetWidthPTAVS: new Map(),
+                        hiddenCountSpanWidth: 0,
+                    },
+                );
+            }
+
+            // ---- Phase 1b: all reads (single reflow for all products) ----------------
+            // All writes above are now complete so offsetWidth flushes layout only once,
+            // regardless of how many products are on the page.
+            for (const attributePreviewer of attributePreviewers) {
+                const currentValues = attributePreviewerValues.get(attributePreviewer)
+                currentValues.containerWidth = attributePreviewer.offsetWidth;
+            }
+
+            // ---- Phase 2: Display all PTAVs to get the correct width (pure writes) --------------
+            for (const attributePreviewer of attributePreviewers) {
+                const currentValues = attributePreviewerValues.get(attributePreviewer);
+                for (const ptav of currentValues.ptavs) {
+                    ptav.classList.remove("d-none");
+                }
+            }
+
+            // ---- Phase 3: bulk offsetWidth reads ------------------------------------------------
+            // A recalculation of the styles is triggered every time offsetWidth is called.
+            // Get all offsetWidths in one step to avoid recalculation for each element separately.
+            for (const attributePreviewer of attributePreviewers) {
+                const currentValues = attributePreviewerValues.get(attributePreviewer);
+                for (const ptav of currentValues.ptavs) {
+                    currentValues.offsetWidthPTAVS.set(ptav, ptav.offsetWidth);
+                }
+                currentValues.hiddenCountSpanWidth = (
+                    currentValues.hiddenCountSpan.offsetWidth + this.margin * 2
+                );
+            }
+
+            // ---- Phase 4: apply display logic (pure writes) -------------------------------------
+            for (const attributePreviewer of attributePreviewers) {
+                this._updateVariantPreview(
+                    attributePreviewer, attributePreviewerValues.get(attributePreviewer)
+                );
+            }
+        });
+        requestAnimationFrame(updateAllVariantPreview);
+    }
+}
+
+registry
+    .category('public.interactions')
+    .add('website_sale.product_variant_preview', ProductVariantPreview);
+
+registry
+    .category("public.interactions.edit")
+    .add("website.product_variant_preview", { Interaction: ProductVariantPreview });

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/interactions/product/product_variant_preview_hover.js

@@ -0,0 +1,84 @@
+import { Interaction } from '@web/public/interaction';
+import { registry } from '@web/core/registry';
+
+export class ProductVariantPreviewImageHover extends Interaction {
+    static selector = '.oe_product_cart.o_has_variations';
+    dynamicContent = {
+        '.o_product_variant_preview': {
+            't-on-mouseenter': this._mouseEnter,
+            't-on-mouseleave': this._mouseLeave,
+            't-on-click': this._onClick,
+        },
+    };
+
+    setup() {
+        this.productImg = this.el.querySelector('.oe_product_image_img_wrapper_primary img');
+        this.originalImgSrc = this.productImg.getAttribute('src');
+    }
+
+    /**
+     * Display the variant image on hover.
+     *
+     * @private
+     * @param {Event} ev
+     *
+     * @returns {void}
+     */
+    _mouseEnter(ev) {
+        if (!this.env.isSmall) {
+            const variantImageSrc = ev.target.dataset.variantImage;
+            if (!variantImageSrc) {
+                return;
+            }
+            this._setImgSrc(variantImageSrc);
+        }
+    }
+
+    /**
+     * Reset the product image when mouse no longer hovers on the ptav.
+     *
+     * @private
+     *
+     * @returns {void}
+     */
+    _mouseLeave() {
+        if (!this.env.isSmall) {
+            this._setImgSrc(this.originalImgSrc);
+        }
+    }
+
+    /**
+     * Set the image source of the product to the given image source
+     *
+     * @param {string} imageSrc
+     */
+    _setImgSrc(imageSrc) {
+        this.productImg.src = imageSrc;
+    }
+
+    /**
+     * On mobile, when ptav is clicked simulate on hover behavior and change product image
+     * to variant image.
+     * The href of product card is changed to match that of the selected variant.
+     *
+     * @param {Event} ev
+     * @returns
+     */
+    _onClick(ev) {
+        if (this.env.isSmall) {
+            ev.preventDefault();
+            const targetElement = ev.target.closest('.o_product_variant_preview');
+            const productCard = ev.target.closest('.oe_product_cart');
+            productCard.querySelector('.oe_product_image_link').href = targetElement.href;
+            const variantImageSrc = targetElement.dataset.variantImage;
+            if (!variantImageSrc) {
+                return;
+            }
+            this._setImgSrc(variantImageSrc);
+        }
+    }
+}
+
+registry
+    .category('public.interactions')
+    .add('website_sale.product_variant_preview_image_hover', ProductVariantPreviewImageHover);

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/interactions/product_accordion.js

@@ -0,0 +1,28 @@
+import { Interaction } from '@web/public/interaction';
+import { registry } from '@web/core/registry';
+
+export class ProductAccordion extends Interaction {
+    static selector = '#product_accordion';
+
+    setup() {
+        this._updateAccordionActiveItem();
+    }
+
+    /**
+     * Open the first accordion item by default.
+     */
+    _updateAccordionActiveItem() {
+        const firstAccordionItemEl = this.el.querySelector('.accordion-item');
+        if (!firstAccordionItemEl) return;
+
+        const firstAccordionItemButtonEl = firstAccordionItemEl.querySelector('.accordion-button');
+        firstAccordionItemButtonEl.classList.remove('collapsed');
+        firstAccordionItemButtonEl.setAttribute('aria-expanded', 'true');
+        firstAccordionItemEl.querySelector('.accordion-collapse').classList.add('show');
+        this.el.classList.remove('o_accordion_not_initialized');
+    }
+}
+
+registry
+    .category('public.interactions')
+    .add('website_sale.product_accordion', ProductAccordion);

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/interactions/product_sticky_col.js

@@ -0,0 +1,42 @@
+import { Interaction } from '@web/public/interaction';
+import { registry } from '@web/core/registry';
+
+export class ProductStickyCol extends Interaction {
+    static selector = '.o_wsale_product_sticky_col';
+    dynamicContent = {
+        _root: {
+            't-att-style': () => ({
+                'opacity': '1',
+                'top': `${this.position || 16}px`,
+            }),
+        }
+    };
+
+    setup() {
+        this.position = 16;
+    }
+
+    start() {
+        this._adaptToHeaderChange();
+        this.registerCleanup(
+            this.services.website_menus.registerCallback(this._adaptToHeaderChange.bind(this))
+        );
+    }
+
+    _adaptToHeaderChange() {
+        let position = 16; // Add 1rem equivalent in px to provide a visual gap by default
+
+        for (const el of document.querySelectorAll('.o_top_fixed_element')) {
+            position += el.offsetHeight;
+        }
+
+        if (this.position !== position) {
+            this.position = position;
+            this.updateContent();
+        }
+    }
+}
+
+registry
+    .category('public.interactions')
+    .add('website_sale.product_sticky_col', ProductStickyCol);

odoo-bringout-oca-ocb-website_sale/website_sale/static/src/interactions/product_tile_secondary_image.js

@@ -0,0 +1,27 @@
+import { Interaction } from '@web/public/interaction';
+import { registry } from '@web/core/registry';
+
+export class ProductTileSecondaryImage extends Interaction {
+    static selector = '.oe_product_image_link_has_secondary';
+    dynamicContent = {
+        _root: {
+            "t-att-class": () => ({ "o_product_tile_scrolled": this.isSecondImgInView }),
+            "t-on-scroll": (ev) => this.onScroll(ev),
+        }
+    };
+
+    setup() {
+        this.isSecondImgInView = false;
+    }
+
+    //--------------------------------------------------------------------------
+    // Private
+    //--------------------------------------------------------------------------
+    onScroll(ev) {
+        this.isSecondImgInView = ev.target.scrollLeft > ev.target.scrollWidth * 0.25;
+    }
+}
+
+registry
+    .category("public.interactions")
+    .add("website.website_sale_product_tile_secondary_image", ProductTileSecondaryImage);