From dd8c9ab6d3be42e46304be428344cddc2bf0a769 Mon Sep 17 00:00:00 2001
From: desdelinux <luigys@vauxoo.com>
Date: Sun, 30 Jul 2023 10:44:25 -0500
Subject: [PATCH 1/3] [ADD] Welcome l10n_pe_website_sale New module that adds
 peruvian requirements to the website ecommerce

* Add fields to the checkout form
	*Identification type
	*City
	*District
* Add logic to validate the new fields
* Take into account the identification type when validating the VAT in the checkout form
* Change label name for the vat field, to show "Number" instead of "VAT number".
* Add demo data to display a peruvian website and show products with taxes
* Add module translations
* Hide default city
---
 addons/l10n_pe_website_sale/README.rst        |   2 +
 addons/l10n_pe_website_sale/__init__.py       |   3 +
 addons/l10n_pe_website_sale/__manifest__.py   |  27 ++++
 .../controllers/__init__.py                   |   2 +
 .../l10n_pe_website_sale/controllers/main.py  |  77 +++++++++++
 .../data/ir_model_fields.xml                  |  15 ++
 .../demo/website_demo.xml                     |  33 +++++
 addons/l10n_pe_website_sale/i18n/es.po        |  76 +++++++++++
 .../l10n_pe_website_sale/models/__init__.py   |   5 +
 .../l10n_pe_website_sale/models/res_city.py   |  10 ++
 .../models/res_country_state.py               |  10 ++
 addons/l10n_pe_website_sale/models/website.py |  12 ++
 .../static/description/icon.png               | Bin 0 -> 2025 bytes
 .../static/src/js/website_sale.js             |  80 +++++++++++
 .../l10n_pe_website_sale/views/templates.xml  | 128 ++++++++++++++++++
 15 files changed, 480 insertions(+)
 create mode 100644 addons/l10n_pe_website_sale/README.rst
 create mode 100644 addons/l10n_pe_website_sale/__init__.py
 create mode 100644 addons/l10n_pe_website_sale/__manifest__.py
 create mode 100644 addons/l10n_pe_website_sale/controllers/__init__.py
 create mode 100644 addons/l10n_pe_website_sale/controllers/main.py
 create mode 100644 addons/l10n_pe_website_sale/data/ir_model_fields.xml
 create mode 100644 addons/l10n_pe_website_sale/demo/website_demo.xml
 create mode 100644 addons/l10n_pe_website_sale/i18n/es.po
 create mode 100644 addons/l10n_pe_website_sale/models/__init__.py
 create mode 100644 addons/l10n_pe_website_sale/models/res_city.py
 create mode 100644 addons/l10n_pe_website_sale/models/res_country_state.py
 create mode 100644 addons/l10n_pe_website_sale/models/website.py
 create mode 100644 addons/l10n_pe_website_sale/static/description/icon.png
 create mode 100644 addons/l10n_pe_website_sale/static/src/js/website_sale.js
 create mode 100644 addons/l10n_pe_website_sale/views/templates.xml

diff --git a/addons/l10n_pe_website_sale/README.rst b/addons/l10n_pe_website_sale/README.rst
new file mode 100644
index 0000000000000..a3af9b1d7f793
--- /dev/null
+++ b/addons/l10n_pe_website_sale/README.rst
@@ -0,0 +1,2 @@
+Be able to see Identification Type in ecommerce checkout form.
+==============================================================
diff --git a/addons/l10n_pe_website_sale/__init__.py b/addons/l10n_pe_website_sale/__init__.py
new file mode 100644
index 0000000000000..4dcc9d3a4b7ae
--- /dev/null
+++ b/addons/l10n_pe_website_sale/__init__.py
@@ -0,0 +1,3 @@
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+from . import controllers
+from . import models
diff --git a/addons/l10n_pe_website_sale/__manifest__.py b/addons/l10n_pe_website_sale/__manifest__.py
new file mode 100644
index 0000000000000..2ee49824dad79
--- /dev/null
+++ b/addons/l10n_pe_website_sale/__manifest__.py
@@ -0,0 +1,27 @@
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+{
+    "name": "Peruvian eCommerce",
+    "version": "0.1",
+    "summary": "Be able to see Identification Type in ecommerce checkout form.",
+    "category": "Accounting/Localizations/Website",
+    "author": "Vauxoo, Odoo",
+    "license": "LGPL-3",
+    "depends": [
+        "website_sale",
+        "l10n_pe",
+    ],
+    "data": [
+        "data/ir_model_fields.xml",
+        "views/templates.xml",
+    ],
+    "demo": [
+        "demo/website_demo.xml",
+    ],
+    "assets": {
+        "web.assets_frontend": [
+            "l10n_pe_website_sale/static/src/js/website_sale.js",
+        ],
+    },
+    "installable": True,
+    "auto_install": True,
+}
diff --git a/addons/l10n_pe_website_sale/controllers/__init__.py b/addons/l10n_pe_website_sale/controllers/__init__.py
new file mode 100644
index 0000000000000..9a57ed53e4786
--- /dev/null
+++ b/addons/l10n_pe_website_sale/controllers/__init__.py
@@ -0,0 +1,2 @@
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+from . import main
diff --git a/addons/l10n_pe_website_sale/controllers/main.py b/addons/l10n_pe_website_sale/controllers/main.py
new file mode 100644
index 0000000000000..f561163336f80
--- /dev/null
+++ b/addons/l10n_pe_website_sale/controllers/main.py
@@ -0,0 +1,77 @@
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+from odoo import http
+from odoo.http import request
+
+from odoo.addons.website_sale.controllers.main import WebsiteSale
+
+
+class L10nPEWebsiteSale(WebsiteSale):
+    def _get_mandatory_fields_billing(self, country_id=False):
+        """Extend mandatory fields to add new identification and responsibility fields when company is Peru"""
+        res = super()._get_mandatory_fields_billing(country_id)
+        if request.website.sudo().company_id.country_id.code == "PE":
+            res += ["l10n_latam_identification_type_id", "vat"]
+        return res
+
+    def _get_country_related_render_values(self, kw, render_values):
+        res = super()._get_country_related_render_values(kw, render_values)
+
+        if request.website.sudo().company_id.country_id.code == "PE":
+            values = render_values["checkout"]
+            state = (
+                "state_id" in values
+                and values["state_id"] != ""
+                and request.env["res.country.state"].browse(int(values["state_id"]))
+            )
+            city = (
+                "city_id" in values
+                and values["city_id"] != ""
+                and request.env["res.city"].browse(int(values["city_id"]))
+            )
+            to_include = {
+                "identification": kw.get("l10n_latam_identification_type_id"),
+                "identification_types": request.env["l10n_latam.identification.type"].sudo().search(
+                    ["|", ("country_id", "=", False), ("country_id.code", "=", "PE")]
+                ),
+            }
+            if state:
+                to_include["state"] = state
+                to_include["state_cities"] = state.get_website_sale_cities()
+            if city:
+                to_include["city"] = city
+                to_include["city_districts"] = city.get_website_sale_districts()
+            res.update(to_include)
+        return res
+
+    def _get_vat_validation_fields(self, data):
+        res = super()._get_vat_validation_fields(data)
+        if request.website.sudo().company_id.country_id.code == "PE":
+            res.update(
+                {
+                    "l10n_latam_identification_type_id": int(data["l10n_latam_identification_type_id"])
+                    if data.get("l10n_latam_identification_type_id")
+                    else False
+                }
+            )
+            res.update({"name": data["name"] if data.get("name") else False})
+        return res
+
+    @http.route(
+        ['/shop/state_infos/<model("res.country.state"):state>'],
+        type="json",
+        auth="public",
+        methods=["POST"],
+        website=True,
+    )
+    def state_infos(self, state, mode, **kw):
+        return dict(
+            cities=[(c.id, c.name, c.l10n_pe_code) for c in state.get_website_sale_cities(mode=mode)],
+        )
+
+    @http.route(
+        ['/shop/city_infos/<model("res.city"):city>'], type="json", auth="public", methods=["POST"], website=True
+    )
+    def city_infos(self, city, mode, **kw):
+        return dict(
+            districts=[(d.id, d.name, d.code) for d in city.get_website_sale_districts(mode=mode)],
+        )
diff --git a/addons/l10n_pe_website_sale/data/ir_model_fields.xml b/addons/l10n_pe_website_sale/data/ir_model_fields.xml
new file mode 100644
index 0000000000000..ec726f3b716d3
--- /dev/null
+++ b/addons/l10n_pe_website_sale/data/ir_model_fields.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<odoo>
+
+    <function model="ir.model.fields" name="formbuilder_whitelist">
+        <value>res.partner</value>
+        <value
+            eval="[
+            'city_id',
+            'l10n_latam_identification_type_id',
+            'l10n_pe_district',
+        ]"
+        />
+    </function>
+
+</odoo>
diff --git a/addons/l10n_pe_website_sale/demo/website_demo.xml b/addons/l10n_pe_website_sale/demo/website_demo.xml
new file mode 100644
index 0000000000000..959181ca8e8d4
--- /dev/null
+++ b/addons/l10n_pe_website_sale/demo/website_demo.xml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<odoo noupdate="1">
+
+    <record id="default_website_pe" model="website">
+        <field name="name">(PE) Peruvian Website</field>
+        <field name="company_id" ref="l10n_pe.demo_company_pe" />
+        <field name="logo" type="base64" file="l10n_pe_website_sale/static/description/icon.png" />
+        <field
+            name="domain"
+            model="ir.config_parameter"
+            eval="obj().env['ir.config_parameter'].sudo().get_param('web.base.url')"
+        />
+    </record>
+    <function model="payment.provider" name="copy">
+        <value eval="[ref('payment.payment_provider_transfer')]" />
+        <value eval="{'company_id': ref('l10n_pe.demo_company_pe'), 'state': 'enabled'}" />
+    </function>
+    <function model="product.pricelist" name="write">
+        <value
+            model="product.pricelist"
+            eval="obj().search([('currency_id', '=', ref('base.PEN')), ('company_id', '=', ref('l10n_pe.demo_company_pe'))]).id"
+        />
+        <value model="website" eval="{'sequence': 1, 'website_id': ref('l10n_pe_website_sale.default_website_pe')}" />
+    </function>
+    <function model="product.product" name="write">
+        <value model="product.product" eval="obj().search([('taxes_id', '=', False)]).ids" />
+        <value
+            model="account.tax"
+            eval="{'taxes_id': [(4, obj().search([('type_tax_use', '=', 'sale'), ('tax_group_id', '=', ref('account.%s_tax_group_exo' % ref('l10n_pe.demo_company_pe'))), ('company_id', '=', ref('l10n_pe.demo_company_pe'))]).id)]}"
+        />
+    </function>
+
+</odoo>
diff --git a/addons/l10n_pe_website_sale/i18n/es.po b/addons/l10n_pe_website_sale/i18n/es.po
new file mode 100644
index 0000000000000..e4ab639ab5066
--- /dev/null
+++ b/addons/l10n_pe_website_sale/i18n/es.po
@@ -0,0 +1,76 @@
+# Translation of Odoo Server.
+# This file contains the translation of the following modules:
+# 	* l10n_pe_website_sale
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: Odoo Server 16.0\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2023-04-04 22:20+0000\n"
+"PO-Revision-Date: 2023-04-04 22:20+0000\n"
+"Last-Translator: \n"
+"Language-Team: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+#. module: l10n_pe_website_sale
+#: model_terms:ir.ui.view,arch_db:l10n_pe_website_sale.partner_info
+msgid ""
+"Changing Identification type is not allowed once document(s) have been "
+"issued for your account. Please contact us directly for this operation."
+msgstr ""
+"No se permite cambiar el tipo de identificación una vez que se hayan emitido los documentos "
+"para su cuenta. Póngase en contacto con nosotros directamente para esta operación."
+
+#. module: l10n_pe_website_sale
+#: model:ir.model,name:l10n_pe_website_sale.model_res_city
+#: model_terms:ir.ui.view,arch_db:l10n_pe_website_sale.partner_address_info
+msgid "City"
+msgstr "Ciudad"
+
+#. module: l10n_pe_website_sale
+#: model_terms:ir.ui.view,arch_db:l10n_pe_website_sale.partner_address_info
+msgid "City..."
+msgstr "Ciudad..."
+
+#. module: l10n_pe_website_sale
+#: model:ir.model,name:l10n_pe_website_sale.model_res_country_state
+msgid "Country state"
+msgstr "Estado"
+
+#. module: l10n_pe_website_sale
+#: model_terms:ir.ui.view,arch_db:l10n_pe_website_sale.partner_address_info
+msgid "District"
+msgstr "Distrito"
+
+#. module: l10n_pe_website_sale
+#: model_terms:ir.ui.view,arch_db:l10n_pe_website_sale.partner_address_info
+msgid "District..."
+msgstr "Distrito..."
+
+#. module: l10n_pe_website_sale
+#: model_terms:ir.ui.view,arch_db:l10n_pe_website_sale.partner_info
+msgid "Identification Type"
+msgstr "Tipo de Identificación"
+
+#. module: l10n_pe_website_sale
+#: model_terms:ir.ui.view,arch_db:l10n_pe_website_sale.partner_info
+msgid "Identification Type..."
+msgstr "Tipo de Identificación..."
+
+#. module: l10n_pe_website_sale
+#: model:website,prevent_zero_price_sale_text:l10n_pe_website_sale.default_website_pe
+msgid "Not Available For Sale"
+msgstr "No disponible para la venta"
+
+#. module: l10n_pe_website_sale
+#: model_terms:ir.ui.view,arch_db:l10n_pe_website_sale.address
+msgid "Number"
+msgstr "Número"
+
+#. module: l10n_pe_website_sale
+#: model:ir.model,name:l10n_pe_website_sale.model_website
+msgid "Website"
+msgstr "Sitio web"
diff --git a/addons/l10n_pe_website_sale/models/__init__.py b/addons/l10n_pe_website_sale/models/__init__.py
new file mode 100644
index 0000000000000..632d7f9e11361
--- /dev/null
+++ b/addons/l10n_pe_website_sale/models/__init__.py
@@ -0,0 +1,5 @@
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+
+from . import res_city
+from . import res_country_state
+from . import website
diff --git a/addons/l10n_pe_website_sale/models/res_city.py b/addons/l10n_pe_website_sale/models/res_city.py
new file mode 100644
index 0000000000000..27ed34ba9a00d
--- /dev/null
+++ b/addons/l10n_pe_website_sale/models/res_city.py
@@ -0,0 +1,10 @@
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+
+from odoo import models
+
+
+class City(models.Model):
+    _inherit = "res.city"
+
+    def get_website_sale_districts(self, mode="billing"):
+        return self.env["l10n_pe.res.city.district"].sudo().search([("city_id", "=", self.id)])
diff --git a/addons/l10n_pe_website_sale/models/res_country_state.py b/addons/l10n_pe_website_sale/models/res_country_state.py
new file mode 100644
index 0000000000000..4e9bf899d0426
--- /dev/null
+++ b/addons/l10n_pe_website_sale/models/res_country_state.py
@@ -0,0 +1,10 @@
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+
+from odoo import models
+
+
+class CountryState(models.Model):
+    _inherit = "res.country.state"
+
+    def get_website_sale_cities(self, mode="billing"):
+        return self.env["res.city"].sudo().search([("state_id", "=", self.id)])
diff --git a/addons/l10n_pe_website_sale/models/website.py b/addons/l10n_pe_website_sale/models/website.py
new file mode 100644
index 0000000000000..1a28e3c8794d6
--- /dev/null
+++ b/addons/l10n_pe_website_sale/models/website.py
@@ -0,0 +1,12 @@
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+
+from odoo import models
+
+
+class Website(models.Model):
+    _inherit = "website"
+
+    def _display_partner_b2b_fields(self):
+        """Peruvian localization must always display b2b fields"""
+        self.ensure_one()
+        return self.company_id.country_id.code == "PE" or super()._display_partner_b2b_fields()
diff --git a/addons/l10n_pe_website_sale/static/description/icon.png b/addons/l10n_pe_website_sale/static/description/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..e6080d3f776f5588fd81695c870dafe08ac60b85
GIT binary patch
literal 2025
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
Hu0mjfq`3Wy

literal 0
HcmV?d00001

diff --git a/addons/l10n_pe_website_sale/static/src/js/website_sale.js b/addons/l10n_pe_website_sale/static/src/js/website_sale.js
new file mode 100644
index 0000000000000..ad9d4966f8d72
--- /dev/null
+++ b/addons/l10n_pe_website_sale/static/src/js/website_sale.js
@@ -0,0 +1,80 @@
+odoo.define("l10n_pe_website_sale.website_sale", function (require) {
+    "use strict";
+
+    var _ = require("web.utils");
+    var websiteSale = require("website_sale.website_sale");
+    var publicWidget = require("web.public.widget");
+
+    publicWidget.registry.WebsiteSale = websiteSale.WebsiteSale.extend({
+        events: _.extend({}, websiteSale.WebsiteSale.prototype.events, {
+            'change select[name="state_id"]': "_onChangeState",
+            'change select[name="city_id"]': "_onChangeCity",
+        }),
+        _changeState: function () {
+            if (!$("#state_id").val()) {
+                return;
+            }
+            this._rpc({
+                route: "/shop/state_infos/" + $("#state_id").val(),
+                params: {
+                    mode: $("#country_id").attr("mode"),
+                },
+            }).then(function (data) {
+                // populate cities and display
+                var selectCities = $("select[name='city_id']");
+                var selectDistricts = $("select[name='l10n_pe_district']");
+                if (data.cities.length) {
+                    selectCities.html("");
+                    selectCities.append($("<option>").text("City..."));
+                    _.each(data.cities, function (c) {
+                        var opt = $("<option>").text(c[1]).attr("value", c[0]).attr("data-code", c[2]);
+                        selectCities.append(opt);
+                    });
+                    selectCities.parent("div").show();
+                } else {
+                    selectCities.val("").parent("div").hide();
+                }
+                selectDistricts.val("").parent("div").hide();
+            });
+        },
+        _changeCity: function () {
+            if (!$("#city_id").val()) {
+                return;
+            }
+            this._rpc({
+                route: "/shop/city_infos/" + $("#city_id").val(),
+                params: {
+                    mode: $("#country_id").attr("mode"),
+                },
+            }).then(function (data) {
+                // populate districts and display
+                var selectDistricts = $("select[name='l10n_pe_district']");
+                if (data.districts.length) {
+                    selectDistricts.html("");
+                    _.each(data.districts, function (d) {
+                        var opt = $("<option>").text(d[1]).attr("value", d[0]).attr("data-code", d[2]);
+                        selectDistricts.append(opt);
+                    });
+                    selectDistricts.parent("div").show();
+                } else {
+                    selectDistricts.val("").parent("div").hide();
+                }
+            });
+        },
+        _onChangeState: function (ev) {
+            if (!this.$(".checkout_autoformat").length) {
+                return;
+            }
+            this._changeState();
+        },
+        _onChangeCity: function (ev) {
+            if (!this.$(".checkout_autoformat").length) {
+                return;
+            }
+            this._changeCity();
+        },
+    });
+    return {
+        WebsiteSale: publicWidget.registry.WebsiteSale,
+    };
+});
diff --git a/addons/l10n_pe_website_sale/views/templates.xml b/addons/l10n_pe_website_sale/views/templates.xml
new file mode 100644
index 0000000000000..c5071237f104d
--- /dev/null
+++ b/addons/l10n_pe_website_sale/views/templates.xml
@@ -0,0 +1,128 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<odoo>
+
+    <template id="partner_info" name="Peruvian partner">
+
+        <!-- show identification type -->
+        <div t-attf-class="mb-3 #{error.get('l10n_latam_identification_type_id') and 'o_has_error' or ''} col-xl-6">
+            <label class="col-form-label" for="l10n_latam_identification_type_id">Identification Type</label>
+            <t t-if="partner.can_edit_vat()">
+                <select
+                    name="l10n_latam_identification_type_id"
+                    t-attf-class="form-select #{error.get('l10n_latam_identification_type_id') and 'is-invalid' or ''}"
+                >
+                    <option value="">Identification Type...</option>
+                    <t t-foreach="identification_types or []" t-as="id_type">
+                        <option
+                            t-att-value="id_type.id"
+                            t-att-selected="id_type.id == int(identification) if identification else id_type.id == partner.l10n_latam_identification_type_id.id"
+                        >
+                            <t t-esc="id_type.name" />
+                        </option>
+                    </t>
+                </select>
+            </t>
+            <t t-else="">
+                <p
+                    class="form-control"
+                    t-esc="partner.l10n_latam_identification_type_id.name"
+                    readonly="1"
+                    title="Changing Identification type is not allowed once document(s) have been issued for your account. Please contact us directly for this operation."
+                />
+                <input
+                    name="l10n_latam_identification_type_id"
+                    class="form-control"
+                    t-att-value="partner.l10n_latam_identification_type_id.id"
+                    type='hidden'
+                />
+            </t>
+        </div>
+
+    </template>
+
+    <template id="partner_address_info" name="Peruvian partner address">
+
+        <!-- show city -->
+        <div
+            t-attf-class="mb-3 #{error.get('city_id') and 'o_has_error' or ''} col-lg-6 div_city_id"
+            t-att-style="not state and 'display: none'"
+        >
+            <label class="col-form-label" for="city_id">City</label>
+            <select
+                id="city_id"
+                name="city_id"
+                t-attf-class="form-select #{error.get('city_id') and 'is-invalid' or ''}"
+                data-init="1"
+            >
+                <t t-foreach="state_cities" t-as="c">
+                    <option
+                        t-att-value="c.id"
+                        t-att-selected="c.id == ('city_id' in checkout and checkout['city_id'] != '' and int(checkout['city_id']))"
+                    >
+                        <t t-esc="c.name" />
+                    </option>
+                </t>
+            </select>
+        </div>
+
+        <!-- show district -->
+        <div
+            t-attf-class="mb-3 #{error.get('l10n_pe_district') and 'o_has_error' or ''} col-lg-6 div_district"
+            t-att-style="not city and 'display: none'"
+        >
+            <label class="col-form-label" for="l10n_pe_district">District</label>
+            <select
+                id="l10n_pe_district"
+                name="l10n_pe_district"
+                t-attf-class="form-select #{error.get('l10n_pe_district') and 'is-invalid' or ''}"
+                data-init="1"
+            >
+                <t t-foreach="city_districts" t-as="d">
+                    <option
+                        t-att-value="d.id"
+                        t-att-selected="d.id == ('l10n_pe_district' in checkout and checkout['l10n_pe_district'] != '' and int(checkout['l10n_pe_district']))"
+                    >
+                        <t t-esc="d.name" />
+                    </option>
+                </t>
+            </select>
+        </div>
+
+    </template>
+
+    <template id="address" inherit_id="website_sale.address">
+        <xpath expr="//input[@name='vat']/.." position="before">
+            <t t-if="mode[1] == 'billing'" positon="inside">
+                <t t-if="res_company.country_id.code == 'PE'">
+                    <t t-set="partner" t-value="website_sale_order.partner_id" />
+                    <t t-call="l10n_pe_website_sale.partner_info" />
+                </t>
+            </t>
+        </xpath>
+        <label for="vat" position="attributes">
+            <attribute name="t-if">res_company.country_id.code != 'PE'</attribute>
+        </label>
+        <label for="vat" position="after">
+            <label
+                t-if="res_company.country_id.code == 'PE'"
+                class="col-form-label label-optional"
+                for="vat"
+            >Number</label>
+        </label>
+        <xpath expr="//select[@name='state_id']/.." position="after">
+            <div class="w-100" />
+            <t t-if="mode[1] == 'billing'">
+                <t t-if="res_company.country_id.code == 'PE'">
+                    <t t-call="l10n_pe_website_sale.partner_address_info" />
+                </t>
+            </t>
+        </xpath>
+        <select name="state_id" position="attributes">
+            <attribute name="id">state_id</attribute>
+        </select>
+        <xpath expr="//input[@name='city']/.." position="attributes">
+            <!--<attribute name="t-attf-class" add="d-none" separator=" " />-->
+        </xpath>
+    </template>
+
+</odoo>

From 73ead5d3f176962bafb0462133d4bda7f28ba8ba Mon Sep 17 00:00:00 2001
From: Andrea Geraldo <myrna.andrea@vauxoo.com>
Date: Tue, 8 Aug 2023 15:42:01 -0700
Subject: [PATCH 2/3] [FIX] l10n_pe_website_sale: updating js to OWL standards

---
 .../l10n_pe_website_sale/controllers/main.py  |  18 +-
 .../static/src/js/website_sale.js             | 160 ++++++++++--------
 .../l10n_pe_website_sale/views/templates.xml  |   9 +-
 3 files changed, 106 insertions(+), 81 deletions(-)

diff --git a/addons/l10n_pe_website_sale/controllers/main.py b/addons/l10n_pe_website_sale/controllers/main.py
index f561163336f80..52112590cdd06 100644
--- a/addons/l10n_pe_website_sale/controllers/main.py
+++ b/addons/l10n_pe_website_sale/controllers/main.py
@@ -7,12 +7,28 @@
 
 class L10nPEWebsiteSale(WebsiteSale):
     def _get_mandatory_fields_billing(self, country_id=False):
-        """Extend mandatory fields to add new identification and responsibility fields when company is Peru"""
+        """Extend mandatory fields to add new identification, responsibility
+        city_id and distrcit fields when company is Peru"""
         res = super()._get_mandatory_fields_billing(country_id)
+        if country_id:
+            country = request.env['res.country'].browse(country_id)
+        if country and country == request.env.ref("base.pe"):
+            res += ["city_id", "l10n_pe_district"]
+            res.remove("city")
         if request.website.sudo().company_id.country_id.code == "PE":
             res += ["l10n_latam_identification_type_id", "vat"]
         return res
 
+    def _get_mandatory_fields_shipping(self, country_id=False):
+        """Extend mandatory fields to add city_id and district fields when the selected country is Peru"""
+        res = super()._get_mandatory_fields_shipping(country_id)
+        if country_id:
+            country = request.env['res.country'].browse(country_id)
+        if country and country == request.env.ref("base.pe"):
+            res += ["city_id", "l10n_pe_district"]
+            res.remove("city")
+        return res
+
     def _get_country_related_render_values(self, kw, render_values):
         res = super()._get_country_related_render_values(kw, render_values)
 
diff --git a/addons/l10n_pe_website_sale/static/src/js/website_sale.js b/addons/l10n_pe_website_sale/static/src/js/website_sale.js
index ad9d4966f8d72..cafb3a3b80e2b 100644
--- a/addons/l10n_pe_website_sale/static/src/js/website_sale.js
+++ b/addons/l10n_pe_website_sale/static/src/js/website_sale.js
@@ -1,80 +1,90 @@
-odoo.define("l10n_pe_website_sale.website_sale", function (require) {
-    "use strict";
+/** @odoo-module **/
 
-    var _ = require("web.utils");
-    var websiteSale = require("website_sale.website_sale");
-    var publicWidget = require("web.public.widget");
+import { WebsiteSale } from "@website_sale/js/website_sale";
 
-    publicWidget.registry.WebsiteSale = websiteSale.WebsiteSale.extend({
-        events: _.extend({}, websiteSale.WebsiteSale.prototype.events, {
-            'change select[name="state_id"]': "_onChangeState",
-            'change select[name="city_id"]': "_onChangeCity",
-        }),
-        _changeState: function () {
-            if (!$("#state_id").val()) {
-                return;
+WebsiteSale.include({
+    events: Object.assign({}, WebsiteSale.prototype.events, {
+        "change select[name='state_id']": "_onChangeState",
+        "change select[name='city_id']": "_onChangeCity",
+    }),
+    start: function () {
+        this.selectCities = $("select[name='city_id']");
+        this.selectDistricts = $("select[name='l10n_pe_district']");
+        this.cityBlock = $(".div_city");
+        return this._super.apply(this, arguments);
+    },
+    _changeState: function () {
+        if (!$("#state_id").val()) {
+            return;
+        }
+        this._rpc({
+            route: "/shop/state_infos/" + $("#state_id").val(),
+            params: {
+                mode: $("#country_id").attr("mode"),
+            },
+        }).then(data => {
+            // populate cities and display
+            if (data.cities.length) {
+                this.selectCities.html("");
+                this.selectCities.append($("<option>").text("City..."));
+                $.each(data.cities, (c) => {
+                    let opt = $("<option>").text(data.cities[c][1]).attr("value", data.cities[c][0]).attr("data-code", data.cities[c][2]);
+                    this.selectCities.append(opt);
+                });
+                this.selectCities.parent("div").show();
+            } else {
+                this.selectCities.val("").parent("div").hide();
             }
-            this._rpc({
-                route: "/shop/state_infos/" + $("#state_id").val(),
-                params: {
-                    mode: $("#country_id").attr("mode"),
-                },
-            }).then(function (data) {
-                // populate cities and display
-                var selectCities = $("select[name='city_id']");
-                var selectDistricts = $("select[name='l10n_pe_district']");
-                if (data.cities.length) {
-                    selectCities.html("");
-                    selectCities.append($("<option>").text("City..."));
-                    _.each(data.cities, function (c) {
-                        var opt = $("<option>").text(c[1]).attr("value", c[0]).attr("data-code", c[2]);
-                        selectCities.append(opt);
-                    });
-                    selectCities.parent("div").show();
-                } else {
-                    selectCities.val("").parent("div").hide();
-                }
-                selectDistricts.val("").parent("div").hide();
-            });
-        },
-        _changeCity: function () {
-            if (!$("#city_id").val()) {
-                return;
+            this.selectDistricts.val("").parent("div").hide();
+        });
+    },
+    _changeCity: function () {
+        if (!$("#city_id").val()) {
+            return;
+        }
+        this._rpc({
+            route: "/shop/city_infos/" + $("#city_id").val(),
+            params: {
+                mode: $("#country_id").attr("mode"),
+            },
+        }).then(data => {
+            // populate districts and display
+            if (data.districts.length) {
+                this.selectDistricts.html("");
+                $.each(data.districts, (d) => {
+                    let opt = $("<option>").text(data.districts[d][1]).attr("value", data.districts[d][0]).attr("data-code", data.districts[d][2]);
+                    this.selectDistricts.append(opt);
+                });
+                this.selectDistricts.parent("div").show();
+            } else {
+                this.selectDistricts.val("").parent("div").hide();
             }
-            this._rpc({
-                route: "/shop/city_infos/" + $("#city_id").val(),
-                params: {
-                    mode: $("#country_id").attr("mode"),
-                },
-            }).then(function (data) {
-                // populate districts and display
-                var selectDistricts = $("select[name='l10n_pe_district']");
-                if (data.districts.length) {
-                    selectDistricts.html("");
-                    _.each(data.districts, function (d) {
-                        var opt = $("<option>").text(d[1]).attr("value", d[0]).attr("data-code", d[2]);
-                        selectDistricts.append(opt);
-                    });
-                    selectDistricts.parent("div").show();
-                } else {
-                    selectDistricts.val("").parent("div").hide();
-                }
-            });
-        },
-        _onChangeState: function (ev) {
-            if (!this.$(".checkout_autoformat").length) {
-                return;
-            }
-            this._changeState();
-        },
-        _onChangeCity: function (ev) {
-            if (!this.$(".checkout_autoformat").length) {
-                return;
-            }
-            this._changeCity();
-        },
-    });
-    return {
-        WebsiteSale: publicWidget.registry.WebsiteSale,
-    };
+        });
+    },
+    _onChangeState: function (ev) {
+        if (!this.$(".checkout_autoformat").length) {
+            return;
+        }
+        this._changeState();
+    },
+    _onChangeCity: function (ev) {
+        if (!this.$(".checkout_autoformat").length) {
+            return;
+        }
+        this._changeCity();
+    },
+    _onChangeCountry: function (ev) {
+        this._super(...arguments);
+        let selectedCountry = $(ev.currentTarget).find("option:selected").attr("code");
+
+        if (selectedCountry == "PE"){
+            this.cityBlock.addClass("d-none");
+        }
+        else if (selectedCountry != "PE"){
+            this.cityBlock.find("input").val("");
+            this.cityBlock.removeClass("d-none");
+            this.selectCities.val("").parent("div").hide();
+            this.selectDistricts.val("").parent("div").hide();
+        }
+    },
 });
diff --git a/addons/l10n_pe_website_sale/views/templates.xml b/addons/l10n_pe_website_sale/views/templates.xml
index c5071237f104d..3845cef13edb7 100644
--- a/addons/l10n_pe_website_sale/views/templates.xml
+++ b/addons/l10n_pe_website_sale/views/templates.xml
@@ -45,7 +45,7 @@
         <!-- show city -->
         <div
             t-attf-class="mb-3 #{error.get('city_id') and 'o_has_error' or ''} col-lg-6 div_city_id"
-            t-att-style="not state and 'display: none'"
+            t-attf-style="#{(country and country.code != 'PE') and 'display: none' or ''}"
         >
             <label class="col-form-label" for="city_id">City</label>
             <select
@@ -111,17 +111,16 @@
         </label>
         <xpath expr="//select[@name='state_id']/.." position="after">
             <div class="w-100" />
-            <t t-if="mode[1] == 'billing'">
                 <t t-if="res_company.country_id.code == 'PE'">
                     <t t-call="l10n_pe_website_sale.partner_address_info" />
                 </t>
-            </t>
         </xpath>
         <select name="state_id" position="attributes">
             <attribute name="id">state_id</attribute>
         </select>
-        <xpath expr="//input[@name='city']/.." position="attributes">
-            <!--<attribute name="t-attf-class" add="d-none" separator=" " />-->
+        <!-- Sets the country code for every country option -->
+        <xpath expr="//t[@t-foreach='countries']//option" position="attributes">
+            <attribute name="t-att-code">c.code</attribute>
         </xpath>
     </template>
 

From 5b160d1f239279d0299cdde98f057ed245dd8301 Mon Sep 17 00:00:00 2001
From: Andrea Geraldo <myrna.andrea@vauxoo.com>
Date: Fri, 25 Aug 2023 14:19:18 -0700
Subject: [PATCH 3/3] [FIX] l10n_pe_website_sale: applying review changes

---
 .../l10n_pe_website_sale/controllers/main.py  |  8 +-
 .../data/ir_model_fields.xml                  |  6 +-
 .../l10n_pe_website_sale/models/res_city.py   |  2 +-
 .../models/res_country_state.py               |  2 +-
 .../static/src/js/website_sale.js             | 97 +++++++++++--------
 .../l10n_pe_website_sale/views/templates.xml  |  2 +-
 6 files changed, 67 insertions(+), 50 deletions(-)

diff --git a/addons/l10n_pe_website_sale/controllers/main.py b/addons/l10n_pe_website_sale/controllers/main.py
index 52112590cdd06..cbf99215aa3e0 100644
--- a/addons/l10n_pe_website_sale/controllers/main.py
+++ b/addons/l10n_pe_website_sale/controllers/main.py
@@ -79,15 +79,15 @@ def _get_vat_validation_fields(self, data):
         methods=["POST"],
         website=True,
     )
-    def state_infos(self, state, mode, **kw):
+    def state_infos(self, state, **kw):
         return dict(
-            cities=[(c.id, c.name, c.l10n_pe_code) for c in state.get_website_sale_cities(mode=mode)],
+            cities=[(c.id, c.name, c.l10n_pe_code) for c in state.get_website_sale_cities()],
         )
 
     @http.route(
         ['/shop/city_infos/<model("res.city"):city>'], type="json", auth="public", methods=["POST"], website=True
     )
-    def city_infos(self, city, mode, **kw):
+    def city_infos(self, city, **kw):
         return dict(
-            districts=[(d.id, d.name, d.code) for d in city.get_website_sale_districts(mode=mode)],
+            districts=[(d.id, d.name, d.code) for d in city.get_website_sale_districts()],
         )
diff --git a/addons/l10n_pe_website_sale/data/ir_model_fields.xml b/addons/l10n_pe_website_sale/data/ir_model_fields.xml
index ec726f3b716d3..88d25759c6df0 100644
--- a/addons/l10n_pe_website_sale/data/ir_model_fields.xml
+++ b/addons/l10n_pe_website_sale/data/ir_model_fields.xml
@@ -3,13 +3,11 @@
 
     <function model="ir.model.fields" name="formbuilder_whitelist">
         <value>res.partner</value>
-        <value
-            eval="[
+        <value eval="[
             'city_id',
             'l10n_latam_identification_type_id',
             'l10n_pe_district',
-        ]"
-        />
+        ]"/>
     </function>
 
 </odoo>
diff --git a/addons/l10n_pe_website_sale/models/res_city.py b/addons/l10n_pe_website_sale/models/res_city.py
index 27ed34ba9a00d..a8276eb07d385 100644
--- a/addons/l10n_pe_website_sale/models/res_city.py
+++ b/addons/l10n_pe_website_sale/models/res_city.py
@@ -6,5 +6,5 @@
 class City(models.Model):
     _inherit = "res.city"
 
-    def get_website_sale_districts(self, mode="billing"):
+    def get_website_sale_districts(self):
         return self.env["l10n_pe.res.city.district"].sudo().search([("city_id", "=", self.id)])
diff --git a/addons/l10n_pe_website_sale/models/res_country_state.py b/addons/l10n_pe_website_sale/models/res_country_state.py
index 4e9bf899d0426..6958b944480bb 100644
--- a/addons/l10n_pe_website_sale/models/res_country_state.py
+++ b/addons/l10n_pe_website_sale/models/res_country_state.py
@@ -6,5 +6,5 @@
 class CountryState(models.Model):
     _inherit = "res.country.state"
 
-    def get_website_sale_cities(self, mode="billing"):
+    def get_website_sale_cities(self):
         return self.env["res.city"].sudo().search([("state_id", "=", self.id)])
diff --git a/addons/l10n_pe_website_sale/static/src/js/website_sale.js b/addons/l10n_pe_website_sale/static/src/js/website_sale.js
index cafb3a3b80e2b..ff66eee3af0c7 100644
--- a/addons/l10n_pe_website_sale/static/src/js/website_sale.js
+++ b/addons/l10n_pe_website_sale/static/src/js/website_sale.js
@@ -1,5 +1,4 @@
 /** @odoo-module **/
-
 import { WebsiteSale } from "@website_sale/js/website_sale";
 
 WebsiteSale.include({
@@ -8,83 +7,103 @@ WebsiteSale.include({
         "change select[name='city_id']": "_onChangeCity",
     }),
     start: function () {
-        this.selectCities = $("select[name='city_id']");
-        this.selectDistricts = $("select[name='l10n_pe_district']");
-        this.cityBlock = $(".div_city");
+        this.selectCities = document.querySelector("select[name='city_id']");
+        this.selectDistricts = document.querySelector("select[name='l10n_pe_district']");
+        this.cityBlock = document.querySelector(".div_city");
+        this.autoFormat = document.querySelector(".checkout_autoformat");
+        this.selectedState = document.querySelector("select[name='state_id']");
         return this._super.apply(this, arguments);
     },
     _changeState: function () {
-        if (!$("#state_id").val()) {
+        if (!document.getElementById("state_id").value) {
             return;
         }
         this._rpc({
-            route: "/shop/state_infos/" + $("#state_id").val(),
-            params: {
-                mode: $("#country_id").attr("mode"),
-            },
+            route: "/shop/state_infos/" + document.getElementById("state_id").value,
         }).then(data => {
             // populate cities and display
             if (data.cities.length) {
-                this.selectCities.html("");
-                this.selectCities.append($("<option>").text("City..."));
-                $.each(data.cities, (c) => {
-                    let opt = $("<option>").text(data.cities[c][1]).attr("value", data.cities[c][0]).attr("data-code", data.cities[c][2]);
-                    this.selectCities.append(opt);
+                this.selectCities.innerHTML = "";
+                let option = document.createElement("option");
+                option.textContent = "City...";
+                this.selectCities.appendChild(option);
+                data.cities.forEach(city => {
+                    let opt = document.createElement("option");
+                    opt.textContent = city[1];
+                    opt.value = city[0];
+                    opt.setAttribute("data-code", city[2]);
+                    this.selectCities.appendChild(opt);
                 });
-                this.selectCities.parent("div").show();
+                this.selectCities.parentElement.style.display = "block";
             } else {
-                this.selectCities.val("").parent("div").hide();
+                this.selectCities.value = "";
+                this.selectCities.parentElement.style.display = "none";
             }
-            this.selectDistricts.val("").parent("div").hide();
+            this.selectDistricts.value = "";
+            this.selectDistricts.parentElement.style.display = "none";
         });
     },
     _changeCity: function () {
-        if (!$("#city_id").val()) {
+        if (!document.getElementById("city_id").value) {
             return;
         }
         this._rpc({
-            route: "/shop/city_infos/" + $("#city_id").val(),
-            params: {
-                mode: $("#country_id").attr("mode"),
-            },
+            route: "/shop/city_infos/" + document.getElementById("city_id").value,
         }).then(data => {
             // populate districts and display
             if (data.districts.length) {
-                this.selectDistricts.html("");
-                $.each(data.districts, (d) => {
-                    let opt = $("<option>").text(data.districts[d][1]).attr("value", data.districts[d][0]).attr("data-code", data.districts[d][2]);
-                    this.selectDistricts.append(opt);
+                this.selectDistricts.innerHTML = "";
+                data.districts.forEach(district => {
+                    let opt = document.createElement("option");
+                    opt.textContent = district[1];
+                    opt.value = district[0];
+                    opt.setAttribute("data-code", district[2]);
+                    this.selectDistricts.appendChild(opt);
                 });
-                this.selectDistricts.parent("div").show();
+                this.selectDistricts.parentElement.style.display = "block";
             } else {
-                this.selectDistricts.val("").parent("div").hide();
+                this.selectDistricts.value = "";
+                this.selectDistricts.parentElement.style.display = "none";
             }
         });
     },
     _onChangeState: function (ev) {
-        if (!this.$(".checkout_autoformat").length) {
+        if (!this.autoFormat.length) {
             return;
         }
         this._changeState();
     },
     _onChangeCity: function (ev) {
-        if (!this.$(".checkout_autoformat").length) {
+        if (!this.autoFormat.length) {
             return;
         }
         this._changeCity();
     },
     _onChangeCountry: function (ev) {
         this._super(...arguments);
-        let selectedCountry = $(ev.currentTarget).find("option:selected").attr("code");
 
-        if (selectedCountry == "PE"){
-            this.cityBlock.addClass("d-none");
-        }
-        else if (selectedCountry != "PE"){
-            this.cityBlock.find("input").val("");
-            this.cityBlock.removeClass("d-none");
-            this.selectCities.val("").parent("div").hide();
-            this.selectDistricts.val("").parent("div").hide();
+        // si el div de state se muestra hacer trigger del change state
+
+        // Create a new 'change' event en JS
+        // var event = new Event('change');
+        // this.selectedState.dispatchEvent(event);
+
+        // jquery
+        $(this.selectedState).change();
+
+        let selectedCountry = ev.currentTarget.options[ev.currentTarget.selectedIndex].getAttribute("code");
+
+        if (selectedCountry == "PE") {
+            this.cityBlock.classList.add("d-none");
+        } else if (selectedCountry != "PE") {
+            this.cityBlock.querySelectorAll("input").forEach(input => {
+                input.value = "";
+            });
+            this.cityBlock.classList.remove("d-none");
+            this.selectCities.value = "";
+            this.selectCities.parentElement.style.display = "none";
+            this.selectDistricts.value = "";
+            this.selectDistricts.parentElement.style.display = "none";
         }
     },
 });
diff --git a/addons/l10n_pe_website_sale/views/templates.xml b/addons/l10n_pe_website_sale/views/templates.xml
index 3845cef13edb7..a5d35f23c260f 100644
--- a/addons/l10n_pe_website_sale/views/templates.xml
+++ b/addons/l10n_pe_website_sale/views/templates.xml
@@ -92,7 +92,7 @@
 
     <template id="address" inherit_id="website_sale.address">
         <xpath expr="//input[@name='vat']/.." position="before">
-            <t t-if="mode[1] == 'billing'" positon="inside">
+            <t t-if="mode[1] == 'billing'" position="inside">
                 <t t-if="res_company.country_id.code == 'PE'">
                     <t t-set="partner" t-value="website_sale_order.partner_id" />
                     <t t-call="l10n_pe_website_sale.partner_info" />