awebartisan

<div x-data="{ bankAccounts: [{
   id: '',
   accountNumber: ''
   }] }">
   <template x-for="(bankAccount, index, bankAccounts) in bankAccounts" :key="index">
      <div class="grid grid-cols-6 gap-6 mt-2">
         <div class="col-span-3 md:col-span-3 sm:col-span-2">
            <x-jet-label for="city">Bank</x-jet-label>
            <select :name="`bank_info[${index}][bank_id]`" id="bank"
               class="border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm mt-1 block w-full">

awebartisan

import React from 'react';

const handleDragStart = (event: React.DragEvent) => {
    event.dataTransfer.effectAllowed = 'move';
    event.dataTransfer.setData(
        'text/plain',
        event.currentTarget.getAttribute('data-index'),
    );
};

awebartisan

const timezones = [
        {value:"Etc/GMT+12", label:"(GMT-12:00) International Date Line West"},
        {value:"Pacific/Pago_Pago", label:"(GMT-11:00) American Samoa"},
        {value:"Pacific/Midway", label:"(GMT-11:00) Midway Island"},
        {value:"Pacific/Honolulu", label:"(GMT-10:00) Hawaii"},
        {value:"America/Juneau", label:"(GMT-09:00) Alaska"},
        {value:"America/Los_Angeles", label:"(GMT-08:00) Pacific Time (US & Canada)"},
        {value:"America/Tijuana", label:"(GMT-08:00) Tijuana"},
        {value:"America/Phoenix", label:"(GMT-07:00) Arizona"},
        {value:"America/Chihuahua", label:"(GMT-07:00) Chihuahua"},

awebartisan

import React, { Component } from "react";
import ReactDOM from "react-dom";
import {
    AppProvider,
    Page,
    Card,
    Layout,
} from "@shopify/polaris";
import Wysiwyg from "./components/wysiwyg";

awebartisan

import React, { Component } from "react";
import Trix from "trix";

class Wysiwyg extends React.Component {
    constructor(props) {
        super(props);
        this.trixInput = React.createRef();
    }

    componentDidMount() {

awebartisan

import React, { Component } from "react";
import ReactDOM from "react-dom";
import {
    AppProvider,
    Page,
    Card,
    Layout,
} from "@shopify/polaris";
import Wysiwyg from "./components/wysiwyg";